Jijian:一个纯文字博客的极简主题

· WordPress · 63 次浏览

做这个主题的起因很简单——九哥看腻了那些功能繁多、插件满屏、加载缓慢的博客主题。只是想安安静静写字,读者安安静静读字,不需要侧边栏、不需要卡片、不需要动画、不需要“猜你喜欢”。

于是有了 Jijian。Jijian 是“极简”的拼音。没有花哨的营销页,也没有复杂的设置面板。它只是九哥自用的一个主题。

它长什么样

就是你现在看到的样子。没有缩略图,没有摘要,没有“阅读更多”。只有标题和日期,一行一条,虚线分隔。想看哪篇点哪篇,想找旧文点“查看所有文章”,去归档页按年份翻。或者直接搜索。

设计原则

内容优先

Jijian 里没有一处装饰是纯粹为了好看的。分隔线用虚线而不是实线,是为了让视线不被切断;标题 18px、日期 14px 灰色、右对齐,是为了让标题成为视觉焦点;评论区用卡片框住整条讨论串,是为了让不同话题之间界限分明。所有设计都服务于一个目的:让读者把注意力放在文字上。

单栏流

整个主题只有一条内容流,宽度默认 800px(后台可调 600–1000px),居中。没有侧边栏,没有小工具,没有“热门文章”“最新评论”“标签云”这些模块——这些东西大多数时候只是干扰,不是帮助。

手机就是手机

响应式不是“加个 viewport 就行”。Jijian 在 560px 以下会:

- 站名 + 汉堡按钮并排,导航折叠到菜单里
- 评论表单三字段堆叠成一列
- 上一篇/下一篇从两栏变单列
- 友链、互动榜自动减列
- 搜索框独占一行,不会溢出

所有断点都按真实设备宽度设计,不是随便写几个 `@media` 交差。

核心功能

首页:一页 + 归档

首页显示最新 N 篇(后台可设,默认 10 篇),底部一个“查看所有文章 →”按钮,点击进入归档页。

没有无限滚动,没有 AJAX 加载更多。为什么?因为文章一旦超过一屏,读者要么在找某篇旧文,要么在随便逛逛。前者需要归档,后者需要一页精选。无限滚动解决不了这两个需求。

归档页:按年份折叠

归档页顶部是四个统计数字:文章数、评论数、标签数、总浏览量。下面是按年份折叠的文章列表。

点击某一年展开该年所有文章,再点收起。点新的一年时,上一年自动折叠——一次只看一个年份,不刷屏。

友链页:按分类分组

友链按后台设置的“链接分类”自动分组,每组一个标题,组内链接自动换行、宽度自适应。空分类不显示,全空时显示“暂无友链”。

互动榜:读者排行榜

按评论数排出最活跃的 30 位读者,每行显示昵称和评论数。昵称有网站就变成链接,没有就是纯文字。这个页面是给“谁经常来我博客”这个问题一个答案。

搜索:只看关键词

搜索框在头部,回车跳到搜索结果页,顶部显示“搜索:xxx —— 共 N 条结果”,下面是传统分页。搜索页不使用 AJAX,因为搜索结果需要“可分享的 URL”,分页链接能直接发给别人。

文章页:干净得只剩正文

标题居中、日期 + 分类 + 浏览量一行小字、正文、上下篇导航、评论区。图片自适应宽度,不会撑破版心。表格过宽时横向滚动。

没有“分享到微博”、没有“相关文章”、没有“作者简介卡片”。如有需要可以用插件加。

评论区:平铺 + @提及

这是 Jijian 最花心思的地方。

所有评论(包括回复)左对齐平铺,不做层级缩进。层级关系靠正文前的 `@某人:` 前缀表达。一条评论和它的所有回复被框在同一个卡片里,卡片内每条评论之间用虚线分隔。

这样设计的好处是:长讨论串不会因为缩进越来越窄,手机上尤其明显。读者一眼能看到“谁回了谁”,又不会被一层层缩进挤得难受。

评论表单三个字段(名称、邮箱、网站)排成一行,手机端堆叠。提交按钮黑色、右侧。没有表情面板——想加表情,用系统输入法自带的就行。

暗色模式

跟随系统 `prefers-color-scheme`,也可以在头部手动切换,选择会存进 `localStorage`。后台可以关掉切换按钮,此时页面永远跟随系统。

暗色模式下正文、评论、表单、下拉菜单全部重新配色,不是简单加个 `filter: invert(1)`。

浏览量统计

文章和独立页面自动计数。规则:

- 登录用户不计入(博主自己刷不增加)
- 同一 IP 对同一文章 30 分钟内只计一次
- 后台可以整体关闭显示(但计数继续累积)

归档页的“浏览”统计是所有已发布文章的浏览量总和,与“文章数”口径一致。

主题设置

外观 → 主题设置 里有六项:

- 内容宽度(600–1000px)
- 首页每页文章数(1–50)
- 显示头部搜索框
- 显示白天/夜晚切换按钮
- 显示上一篇/下一篇
- 显示浏览量
- 页脚版权文字
- 自定义 CSS

所有设置即时生效,不需要改代码。

技术选择

经典 PHP 主题,不做块主题

Jijian 是一个传统 PHP 主题,用 `header.php`、`footer.php`、`single.php` 这些模板文件,不是 FSE(全站编辑)主题。原因很简单:这类极简博客的模板结构极其稳定,用 PHP 模板比用 `theme.json` + 块模板更直接、更可控、加载更快。

不用 jQuery

所有 JS 都是原生 JS,没有依赖。返回顶部、主题切换、手机菜单、评论回复,加起来不到 100 行。WordPress 自带的 `comment-reply.js` 用于评论表单的滚动定位,这是核心功能,不算额外依赖。

CSS 变量驱动

颜色、宽度、分割线全部用 CSS 变量定义在 `:root` 里。

暗色模式只需要重定义这几个变量,所有组件自动跟着变。想换配色方案,改几行就够了。

固定页脚

`body` 用 flex 纵向布局,`main` 自动撑开,页脚在内容不足一屏时贴底,内容超出一屏时跟随滚动。404 这种短页面不会出现“页脚悬在半空”的尴尬。

它不做什么

- 不做多栏布局——单栏就够了
- 不做无限滚动——归档页更实用
- 不做卡片式文章列表——文字流更舒服
- 不做“相关文章”——那是插件的事
- 不做社交分享按钮——复制链接就行
- 不做 SEO 功能——交给插件吧
- 不做缓存、压缩、CDN——那是服务器和插件的事

Jijian 只做一件事:让文字博客看起来像文字博客。

适合谁

- 写日记、随笔、读书笔记的个人博客
- 不喜欢花哨设计、只想安静写字的博主
- 文章以文字为主、图片不多的站点
- 想找一个轻量、快速、不依赖插件的基础主题

最后

Jijian 不是“最好”的 WordPress 主题,它只是九哥自用、打磨很多次、最后稳定下来的一套东西。如果你也喜欢这种“打开就能读”的感觉,欢迎拿去用,也欢迎魔改。

Jijian主题下载

如果你用 Jijian 搭建了博客,欢迎在评论区留个链接,九哥会去看看的。