关于本站

这里记录这个博客是怎么搭起来的、用了哪些东西,方便自己以后回看,也方便有兴趣的朋友参考。

构建与托管

一句话流程:本地写 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 / 思源宋体),正文用系统无衬线字体,中文优先,尽量在不同设备上都保持舒服的阅读效果。

功能

懒加载

页面里的图片默认懒加载,滚动到附近才会真正请求,图多的文章打开更快。个别不想懒加载的图片可以写成 ![no-lazy](/img/x.jpg)。

图片放大

文章内的图片点击可以放大查看并左右切换,用的是主题内置的 PhotoSwipe。多图还可以按横排、竖排或混排比例做图集。

RSS

右上角的图标和页脚的”订阅”都指向 /feed.xml,用任意 RSS 阅读器订阅即可。

目录与系列

文章会根据标题自动生成目录(移动端在顶部按钮里)。给多篇文章设置同一个 series 字段,它们会自动串成一个系列,并在文章页侧边显示上下篇。

联系方式

有想聊的,欢迎来 GitHub 找我。