在本博客和CDN上的一些细节处理经验技巧
无聊写来充数的文章,大佬轻喷,看看就好……
1. 沉浸式地址栏
使用手机版Chrome访问我的博客地址栏会同步颜色,如图
在
…之间添加以下标签:<meta name="theme-color" content="<颜色>">
<meta name="msapplication-starturl" content="<地址>">
<meta name="msapplication-navbutton-color" content="<颜色>">
将<颜色><地址>换为自己的网页颜色和地址即可。
2. 少数超链接取消InstantClick
使用data-no-instant
标签,如<a href="…" data-no-instant>…</a>
3. 完全SSL加密(小绿锁)
使用自己的、带有SSL加密的CDN空间来存放Static Libs,SSL推荐Let's Encrypt证书,完全免费。
4. CDN权限控制
盗链严重怎么办?在空间的配置里稍微改一下就行了。
配置文件(Nginx)
#授予域名访问权限
location ~ ^(<目录1>|<目录2>|<目录3>|…)
{
valid_referers <授予权限的域名>;
if ($invalid_referer)
{
return 403;
#rewrite ^/ <403域名>;
}
}
#开启个别文件夹公共访问权限,并打开目录树,并设置每连接下载超过50KB之后限速50KB/s
location ~ ^(<目录1>|<目录2>|<目录3>|…)
{
autoindex on;
autoindex_exact_size off;
autoindex_localtime off;
limit_rate_after 50k;
limit_rate 50k;
}
5. Typecho伪静态的设置
配置文件(Nginx)
location / {
index index.html index.php;
if (-f $request_filename/index.html){
rewrite (.*) $1/index.html break;
}
if (-f $request_filename/index.php){
rewrite (.*) $1/index.php;
}
if (!-f $request_filename){
rewrite (.*) /index.php;
}
}
6. 尽量使用301强制跳转https
配置文件(Nginx)
使用两个server语句块
server
{
listen 80;
server_name <域名>;
return 301 https://$host$request_uri;
}
server
{
…
}
7. 支持Ajax访问Static Libs资源
配置文件(Nginx)(所有字体文件)
location ~* \.(eot|otf|ttf|woff|woff2)$
{
if ($request_method = 'OPTIONS')
{
add_header 'Access-Control-Allow-Origin' '*';
add_header 'Access-Control-Allow-Methods' 'GET, POST, OPTIONS';
add_header 'Access-Control-Allow-Headers' 'DNT,X-CustomHeader,Keep-Alive,User-Agent,X-Requested-With,If-Modified-Since,Cache-Control,Content-Type,Content-Range,Range';
add_header 'Access-Control-Max-Age' 1728000;
add_header 'Content-Type' 'text/plain; charset=utf-8';
add_header 'Content-Length' 0;
return 204;
}
if ($request_method = 'POST')
{
add_header 'Access-Control-Allow-Origin' '*';
add_header 'Access-Control-Allow-Methods' 'GET, POST, OPTIONS';
add_header 'Access-Control-Allow-Headers' 'DNT,X-CustomHeader,Keep-Alive,User-Agent,X-Requested-With,If-Modified-Since,Cache-Control,Content-Type,Content-Range,Range';
add_header 'Access-Control-Expose-Headers' 'DNT,X-CustomHeader,Keep-Alive,User-Agent,X-Requested-With,If-Modified-Since,Cache-Control,Content-Type,Content-Range,Range';
}
if ($request_method = 'GET')
{
add_header 'Access-Control-Allow-Origin' '*';
add_header 'Access-Control-Allow-Methods' 'GET, POST, OPTIONS';
add_header 'Access-Control-Allow-Headers' 'DNT,X-CustomHeader,Keep-Alive,User-Agent,X-Requested-With,If-Modified-Since,Cache-Control,Content-Type,Content-Range,Range';
add_header 'Access-Control-Expose-Headers' 'DNT,X-CustomHeader,Keep-Alive,User-Agent,X-Requested-With,If-Modified-Since,Cache-Control,Content-Type,Content-Range,Range';
}
}
8. 缓存大文件(如PNG、JPG、MP3等)
配置文件(Nginx)
#默认缓存30天
location ~ .*\.(gif|jpg|jpeg|png|bmp|swf|mp3)$
{
expires 30d;
access_log off;
}
最后更新于 2017-10-29 12:16:19 并被添加「经验 网站 站长 nginx 博客 技巧 cdn」标签,已有 5131 人阅读过。
本文距离最后一次更新已超过180天,部分内容可能会随着时间的推移变更或失效。
前来路过。