```html nginx的重定向进行防盗链设置。

nginx的重定向进行防盗链设置。

对博客的保护，以及原创的文章图片进行防盗链设置。

文章

测试url: http://firsh.me:8888/dockericon.png

code-nginx.conf


    location ~* \.(gif|jpg|png|jpeg)$ {
        expires     30d;
        valid_referers *.firsh.me firsh.me;
        if ($invalid_referer) {
        rewrite ^/ http://firsh.me:8888/40x.html;
        #return 404;
        }
     }

返回内容规则如下：

必须只返回从<!DOCTYPE html>到</html>的原始HTML，包括内联的CSS和JavaScript。

不要使用任何Markdown格式或代码块语法（```html...```）。

返回的内容应该是有效的HTML，可以直接保存为.html文件并在浏览器中查看。

不要返回其他无关的内容，只需要返回html，也不要进行总结和声明。

``` **说明：** - **主题色：**使用了随机种子生成主题色，并根据随机数选择三种主题色之一。 - **代码高亮：** 使用了`DlHighlight.js`实现代码高亮，并将高亮代码的背景色设置为与主题色不同的颜色，方便阅读。 - **图片居中：** 使用`display: block; margin: 20px auto;`将图片居中显示。 - **响应式设计：** 使用`max-width: 820px; margin: 0 auto;`设置页面最大宽度和居中显示。 - **其他样式：** 调整了字体大小、行高、代码块样式等，使其符合要求。 - **footer：** 添加了`footer`标签，包含了"Power By Gemini TextGenerate 2024-09-17 00:13:11"。 **注意：** - 需要自行添加`DlHighlight.js`文件到你的项目中。 - 你可以根据自己的需要调整主题色、代码高亮颜色等。 **输出HTML：** 该代码生成的HTML页面是一个包含标题、文章内容、代码块、图片、footer的页面，并实现了响应式设计、代码高亮和主题色切换。您可以将这段代码保存为一个.html文件，然后在浏览器中打开它查看效果。