由于友人需要重启博客,决定启用 Halo 作为其实现,故在此记录本 blog 的一些配置信息与自定义内容,供有需要的朋友参考,也供自己备忘
插件
KaTeX
插件功能:为编辑器和文章渲染提供 KaTeX 支持
推荐指数:⭐⭐⭐⭐⭐
推荐理由:经常使用 Markdown 的朋友都知道,没有 LaTeX 就如同 __ 没有耶路撒冷(无政治/文化/宗教含义)
编辑器超链接卡片
插件功能:为默认编辑器提供超链接卡片支持
推荐指数:⭐⭐⭐⭐⭐
推荐理由:可以生成本文所用的链接卡片,能很大程度的美化排版
对象存储(Amazon S3 协议)
插件功能:提供兼容 Amazon S3 协议的对象存储策略,兼容阿里云、腾讯云、七牛云等
推荐指数:⭐⭐⭐⭐⭐
推荐理由:有了它,就可以使用赛博菩萨的 CloudFlare R2 作为自己的附件库和图床了,彻底解决小水管的问题
链接管理
插件功能:链接管理模块,可用于管理网站友情链接。
推荐指数:⭐⭐⭐⭐
推荐理由:可以简单高效的管理友链,不用自己手搓页面了
主题
本站使用 Stack 主题
自定义配置
CloudFlare R2 使用
TODO
自定义字体
在 "设置" => "代码注入" 中,在 "全局 head 标签" 中添加下面的内容:
<style>
@font-face{
font-family: "CaskaydiaCove Nerd Font";
src: url('https://cdn.sunist.dev/CaskaydiaCoveNerdFont-Regular.ttf');
}
code {
font-family: "CaskaydiaCove Nerd Font" !important;
}
</style>
此处就是只修改 code
类型的字体,其余使用原字体,在自行使用时,请自行替换字体的内容
附加说明
如果使用 CloudFlare R2 + 自定义域名访问,可能出现 CORS 跨域错误,如果出现这种错误,可以在 CloudFlare 控制台 "R2" => 目标存储桶 => "设置" => "CORS 策略" 中点击 "编辑 CORS 策略",将下面的内容根据您的实际情况修改后填入:
[ { "AllowedOrigins": [ "https://sunist.dev", "https://www.sunist.dev" ], "AllowedMethods": [ "GET", "HEAD" ], "AllowedHeaders": [ "*" ], "ExposeHeaders": [], "MaxAgeSeconds": 86400 } ]
保存后等待一段时间生效即可