Halo 自定义配置

Halo 自定义配置

这篇博客记录了博主在重新启用 Halo 博客系统时的一些配置和自定义内容,供有需要的朋友参考。文章详细介绍了几款推荐插件及其功能,包括 KaTeX(用于数学公式渲染)、编辑器超链接卡片、对象存储(兼容 Amazon S3 协议)以及链接管理。博主还分享了 Stack 主题的使用经验和一些自定义配置,如 CloudFlare R2 的使用和自定义字体的设置。此外,文章还提供了处理 CORS 跨域错误的解决方案。整体内容丰富,实用性强。

由于友人需要重启博客,决定启用 Halo 作为其实现,故在此记录本 blog 的一些配置信息与自定义内容,供有需要的朋友参考,也供自己备忘

插件

KaTeX

插件功能:为编辑器和文章渲染提供 KaTeX 支持
推荐指数:⭐⭐⭐⭐⭐
推荐理由:经常使用 Markdown 的朋友都知道,没有 LaTeX 就如同 __ 没有耶路撒冷(无政治/文化/宗教含义)

https://www.halo.run/store/apps/app-ISCsX

编辑器超链接卡片

插件功能:为默认编辑器提供超链接卡片支持
推荐指数:⭐⭐⭐⭐⭐
推荐理由:可以生成本文所用的链接卡片,能很大程度的美化排版

https://www.halo.run/store/apps/app-UpUJA

对象存储(Amazon S3 协议)

插件功能:提供兼容 Amazon S3 协议的对象存储策略,兼容阿里云、腾讯云、七牛云等
推荐指数:⭐⭐⭐⭐⭐
推荐理由:有了它,就可以使用赛博菩萨的 CloudFlare R2 作为自己的附件库和图床了,彻底解决小水管的问题

https://www.halo.run/store/apps/app-Qxhpp

链接管理

插件功能:链接管理模块,可用于管理网站友情链接。
推荐指数:⭐⭐⭐⭐
推荐理由:可以简单高效的管理友链,不用自己手搓页面了

https://www.halo.run/store/apps/app-hfbQg

主题

本站使用 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
  }
]

保存后等待一段时间生效即可

Comment