本博客用的主题，直接修改自Astro官方的Blog最小模板，添加了一些自定义组件和页面，包括但不限于：

• 首页的个人信息、文章列表和词云。
• 基于 react-github-calendar 的 GitHub 贡献图。
• 可以自定义的社交链接、友链列表。
• Collections 和 Tags 分类方式及其页面。
• giscus 评论支持。

主题本身在 GitHub LogFlow Theme 仓库开源。

我想要的是一个安装好之后可以快速开始写作、配置集中且易于维护的主题，于是就有了 LogFlow Theme。

我是怎么设计它的

配置集中

我希望修改站点信息这件事尽量简单，所以把常用配置都集成到了 src/consts.ts 里，包括：

• 站点标题、描述、版权名字；
• 首页头像、昵称、标语；
• 社交链接、友链列表；
• GitHub 贡献图相关配置；
• giscus 评论相关配置。

日常只需修改 src/consts.ts，大部分个性化需求都能得到覆盖，不需要频繁在组件内部进行修改。

文章

使用了尽量简单的 Frontmatter 字段，包括：

• title、description、pubDate 为必填
• updatedDate、collection、collectionDescription、tags 为可选

好处显而易见，一方面可以专注于写作，另一方面如若久别重逢，也可快速上手。

一些细节

没有刻意堆砌。

• 颜色模式切换；
• 一个比较精致的 Header；
• 更具可读性的配色和页面布局；
• 可选的 giscus 评论。

并不复杂，但对于体验的提升是很显著的。

如果你也想用

请移步 LogFlow Theme 仓库，可以选择 Use this template 一键配置。内置的示例文章同时也是本主题的简单使用说明。

总之对我来说，这个主题更多是按照之前使用Hexo、VuePress等架构的经验，整理成一个可以重复使用的模版。

同时也以此勉励自己长久坚持，专注写作。

如果你希望为本项目贡献代码，也欢迎提交 PR。

Comments