Inside 是一款采用 SPA 打造的轻量级和功能丰富的 Hexo 主题。然而整体上作者采用了较为开放的丰富的自定义模式,所以很多功能都需要手动调整。
Hexo 内部调整
个人建议不要设置时区,因为设置了反而不好用。
这里给出一些重要的配置项:
Inside 主题配置
想要像我那样侧栏用户名有漂亮的字体,配置应该额外调整:
想要在社交按钮栏加上自定义的按钮,需要单独引入 svg 图标。比如添加一个酷安的按钮:
在侧栏配置上,名称前面加上 Emoji 看起来会更加美观:
自动 CI 部署
这里采用 Star 数较高的一个自动 Github Action ,提到了整个流程。如果不太懂,也可以参考别人的一些教程。这里提几个点:
- 运行命令
$ ssh-keygen -t rsa -C "username@example.com"
时会提示一些选项,建议全部按回车默认选项。这会在你的用户名文件夹根目录下生成一个 .ssh
文件夹,得到两个文件,其中带.pub 后缀的为公钥,另一个为私钥。两者可以填在同一个仓库不同分支,也可以填在不同的仓库。 - Github Actions 的配置文件应该在项目根目录下的
.github
> workflows
,默认名称为 main.yml
,当然你也可以随意命名。将整个项目一起上传上去,Github Actions 会自动执行并生成渲染文件。 - 自定义域名应该在项目的
source
目录中放一个 CNAME 文件。
评论系统
Waline + Leancloud + Vercel
Waline 基于 Valine,是一个干净纯粹但功能丰富的评论系统框架。它支持 Markdown 语法,支持自定义表情、部分文字、配色、精选,以及后台管理、邮件自动发送等功能。
文档
Waline 官网
Waline on Github
配置上手
除官网给出部分,博客这边配置也非常重要。由于 Inside 主题是直接通过变量达成夜间模式的切换的,所以就宣告着 Waline 自身夜间模式的报废。当然这并不影响夜间模式的效果。下面是我的配置。
其中页面/文章访问数的功能完全仅用于统计数据,暂时不打算做效果呈现。Leancloud 可以轻松查询到。Emoji 则采用了较为经典的微博和 B 站表情。
评论样式内容较多而且为了方便维护,故单独引用文件。
文件这里贴一份仅供参考:
自定义小插件
站点访问统计
Inside 提供了两个自定义片段位置。由于我的 custom
还有别的东西要放,这里就只写在 copyright
里。在主题配置文件修改:
代码块快捷复制到剪贴板
先从 Github 下载文件并放置好目录
然后在主题配置文件修改:
其实大部分自定义代码都是在用 SVG 写图标,所以不用担心代码量很大~
友链优化
这个主题最大的短板就是没有单独的友链支持。所以这里单独对友链介绍一下我的解决方案。
在友链页面按照如下格式写:
提前引用 css 样式避免排版错乱
其 CSS 文件也贴出来仅供参考:
随后用一个 div 标签将需要优化展示的友链包裹起来即可。这样通过 Markdown 语法写出来的友链,真的是不知道要比手动写 html 标签要高到哪里去了。
结尾
静态博客能够折腾到这个地步真的已经做的很不错了。希望大家都能把博客折腾成各自喜欢的样子,然后长期坚持把内容写下去,否则,折腾一大圈,也不过是一时热情,只会拖累自己的产物罢了。