当CDN崩溃时
崩溃刚搭建BLOG的时候,小小的研究了一下如何免费薅图床,并实际尝试了几种方式:七牛云(详见:优雅地在 Blog 中使用图床)、GitHub + jsDelivr,并最终选择了 GitHub + jsDelivr——错误的源头。
GitHub + jsDelivr是一种很取巧的方式。由于GitHub的资源在各地区访问不一定稳定, jsDelivr很贴心地为其自动、免费加速,使用方式也非常简单:https://cdn.jsdelivr.net/gh/GitHub用户名/GitHub仓库名@发布版本号/文件路径即可轻松稳定地访问存储在GitHub仓库中的文件。直到大厦崩塌。
此后的半年时间里,jsDelivr曾经崩溃过几次,但是基本可以在两天之内恢复,由于大量使用的Node.js依赖也是从jsDelivr引用,也就忍了。昨天我才知道,2021年12月20日开始,由于jsDelivr在国内的ICP证书到期,没办法继续使用,彻底挂了。
Unfortunately today jsDelivr unexpectedly lost its ICP license in China. As eff ...
Testing Plugins
Just for test.
优雅地在Blog中使用图床
什么是图床?可以理解为一个独立的专门用来存储图片文件(或多媒体文件)的空间。
为什么要使用图床?对于很多小型服务器,存储空间、流量、带宽都是有限的。对于有限的资源,我们能省则省。使用图床就可以将不同的资源分流,达到节省资源的目的。
推荐的工具我使用了 PicGo,一个用于快速上传图片并获取图片 URL 链接的工具。
PicGo原生支持以下图床,也可以按需配置开发更多支持的图床:
七牛图床 v1.0
腾讯云 COS v4\v5 版本 v1.1 & v1.5.0
又拍云 v1.2.0
GitHub v1.5.0
SM.MS V2 v2.3.0-beta.0
阿里云 OSS v1.6.0
Imgur v1.6.0
我是用了七牛云图床。以下是我的配置流程。
使用七牛云图床并配置到PicGo注册七牛云并实名认证通过实名认证后,我们就可以得到每月 10 GB 的存储空间、每月 10 GB 的 CDN 回源流量,抠抠搜搜够用了。
创建图床在控制台中选择对象存储Kodo,点击+ 新建空间,填写存储空间名称,选择存储区域,访问控制选择公开。
域名设置七牛云提供了一个 CDN 测试域名,但是 ...
Hexo:拒绝文章 URL 被编码影响
Hexo 文章的 url 在根目录配置文件_config.yml中的 permalink进行配置,默认配置如下:
1permalink: :year/:month/:day/:title/
这里的:title为source/_post下的相对路径,但是这样的话对于中文标题,就会被 Encode 的转码导致url奇长无比。
可以采用一下两种方案:
方案1:使用hash值修改_config.yml配置的permalink:
1permalink: :year/:month/:day/:hash/
这样每次生成文章 url,会以文件名和日期自动生成 SHA1 hash,不会重复。
方案2:自定义 url修改_config.yml配置的permalink:
1permalink: :year/:month/:day/:id/ #id 在文章中自定义
当发布文章时在文章头部信息添加id信息:
12345678---title: Hexo 拒绝文章url被编码影响date: 2021-10-29 11:02:53categories: blogid: hexo_urltags: - h ...
Hexo Butterfly主题添加备案信息
修改主题源码进入Butterfly主题目录后,进入并打开layout/includes/footer.pug文件,在末尾添加如下代码
123456789101112if theme.ICP.enable .icp a(href=theme.ICP.url) if theme.ICP.icon img.icp-icon(src=url_for(theme.ICP.icon)) span=theme.ICP.textif theme.NSP.enable .icp a(href=theme.NSP.url) if theme.NSP.icon img.icp-icon(src=url_for(theme.NSP.icon)) span=theme.NSP.text
修改配置文件首先在Butterfly主题目录下,找到_config.yml 配置文件,并在适当的位置(我在footer下面添加)添加如下配置信息。
1234567891011121314151617181920# Footer Settings ...
Hello World
This is the first article on my blog. Just for test.