使用 .htaccess 文件扩展名来阻止 CSS 文件被盗链

当你编写一个网页时，你可能需要使用 CSS 文件来为你的页面设置样式和布局。然而，有时候其他网站可能会直接链接到你的 CSS 文件，这叫做盗链。这会让你失去带宽，并使你的网站速度变慢。这时你需要使用 .htaccess 文件扩展名来防止其他网站盗链。

创建一个 .htaccess 文件

首先，你需要创建一个名为 .htaccess 的文件。你可以在你的网站根目录下创建一个新的文本文件，命名为 .htaccess。在 Notepad++ 等文本编辑器中，文件名前加一个点可以使文件成为隐藏文件。

建立防盗链规则

在你的 .htaccess 文件中，你需要添加以下代码片段来建立防盗链规则：

# 防止 CSS 文件被盗链
<IfModule mod_rewrite.c>
RewriteEngine on
RewriteCond %{HTTP_REFERER} !^$
RewriteCond %{REQUEST_FILENAME} \.(css)$
RewriteCond %{HTTP_REFERER} !^http(s)?://(www\.)?your-website\.com [NC]
RewriteRule .* - [F]
</IfModule>

以上代码中，第一行会开启 Apache 的 mod_rewrite 模块。接下来的条件表达式：

• 第二行条件表达式检查 HTTP_REFERER 头信息，判断它是不是空的。
• 第三行条件表达式检查被请求的文件名是否以 .css 结尾。
• 第四行条件表达式检查 HTTP_REFERER 是不是你的网站。
• 如果以上条件都成立，就向浏览器返回 403 状态码 (Forbidden)。

自定义规则

你可以修改上面的代码，实现自定义规则，比如防止其他网站盗用你的图片、JavaScript 文件等。只需要替换请求的文件类型 (css、jpg、js 等)和网站域名。

建立错误信息文件

如果访问者不当地链接您的 CSS 文件，他们将看到一个 403 Forbidden 错误消息。为了友好地提示访问者，你可以建立一个名为 forbidden.html 的文件，把它放在你的网站根目录下，并在 .htaccess 文件中添加以下代码：

ErrorDocument 403 /forbidden.html

总结

如此一来，你就可以使用 .htaccess 文件扩展名来保护你的 CSS 文件免受盗链。这将让你的页面加载速度更快，同时减少带宽消耗。