关于本站
这里记录这个博客是怎么搭起来的、用了哪些东西,方便自己以后回看,也方便有兴趣的朋友参考。
构建与托管
一句话流程:本地写 Markdown → 推送到 GitHub → Cloudflare Pages 自动构建 → 发布到全球 CDN。
| 部分 | 选择 |
|---|---|
| 静态站点生成 | Hexo 8 |
| 主题 | Linen(npm 安装) |
| 包管理 | pnpm |
| 源码托管 | 私有仓库(未公开) |
| 构建发布 | Cloudflare Pages(pnpm run build,输出 public) |
| 持续集成 | GitHub Actions,每次推送做一次构建校验 |
为什么用 Hexo
- 纯静态:没有数据库和服务器要维护,访问速度快,成本几乎为零
- 写作体验:Markdown + Git,改文章就是一次提交
- 生态成熟:主题、插件都很丰富,出问题容易找到答案
个性化
主题
用的是 Linen,风格极简,重点放在排版和阅读体验上。它自带目录、系列、图集、图片放大这些常用能力,也不需要额外装一堆插件。
主题配置写在 _config.linen.yml,站点配置写在 _config.yml,两者分开,升级主题时不用担心配置被覆盖。
封面图片
文章封面用 cover 字段指定,图片放在 source/img/covers/ 下。首页顶部的大图、列表里的小缩略图,用的是同一张封面。
字体
标题用衬线字体(Source Serif / 思源宋体),正文用系统无衬线字体,中文优先,尽量在不同设备上都保持舒服的阅读效果。
功能
懒加载
页面里的图片默认懒加载,滚动到附近才会真正请求,图多的文章打开更快。个别不想懒加载的图片可以写成 。
图片放大
文章内的图片点击可以放大查看并左右切换,用的是主题内置的 PhotoSwipe。多图还可以按横排、竖排或混排比例做图集。
RSS
右上角的图标和页脚的”订阅”都指向 /feed.xml,用任意 RSS 阅读器订阅即可。
目录与系列
文章会根据标题自动生成目录(移动端在顶部按钮里)。给多篇文章设置同一个 series 字段,它们会自动串成一个系列,并在文章页侧边显示上下篇。
联系方式
有想聊的,欢迎来 GitHub 找我。