Question

我最近创建了一个Ghost博客，该博客设计的核心部分是背景颜色，具体取决于博客帖子的标题。 Here's a live demo。

我当前生成这种颜色的方式是通过散列帖子标题以获取色调值（0到360之间），然后使用该值通过hsl(HASH_VALUE, 100%, 93%)来更改背景颜色。页面呈现时，Javascript将此颜色应用于页面上的正确元素。

考虑到使用AMP，我不能再运行我的JS代码来在渲染上完成这种样式，我该如何实现？

Answer 1

您必须使用服务器端语言“模仿”功能。

PHP示例：

计算变量中的哈希值，由于仅将颜色应用于header，因此请执行以下操作：

<header style="background-color:hsl(<?php echo $HASH_VALUE; ?>, 100%, 93%)">

注意：无论如何，后端更改颜色的速度都比使用JS更快。