张亮系列主题设计·朝花夕拾

——关于 zhang·light 系列主题的一些思考

前言：在今天阅读到 Floria233 撰写的给主题设计大大们，今日试用了各种主题的碎碎念的这篇帖子后，感慨颇多。我也制作过好几款主题，但是由于各种原因，慢慢就没再继续维护了。当时要是将制作主题时的想法和步骤都记录下来，发在论坛里，也许会对之后的朋友有所帮助，对自己来说也是一个纪念。好在现在还不晚，于是萌生了这个念头，回忆回忆当时制作主题的想法和巧思。今天这篇算是一个开篇，讲一讲自己接触思源笔记的历程。（在此非常感谢 chenshinshi 大佬对 zhang-light、OneNote、Chuizi、Blue-dog 等主题的继续维护）

刚开始接触笔记软件时，正值大学毕业，想要尝试军队文职和人才引进，电子笔记无疑提供了一个很好的渠道，让我可以自由记录、搜索、增删。

我接触的第一款笔记软件是 Notion，看了好多案例视频，觉得 Notion 中的各个“块”能够像积木一样随意搭建，十分美观，于是便入坑了。但是长久接触下来，发现 Notion 偶尔会网络连接不畅，一直转圈圈。后来接触到了另外一款国产笔记软件 wolai，外观相似但网络非常流畅。可能当时 wolai 在初创期，各种功能还未曾收费，我对摆弄这些“花里胡哨”的笔记非常感兴趣，遇到词汇总是想要记录在笔记中，然后把它排版得赏心悦目。

在搜罗了好多有关“笔记软件”的文章之后，我觉得这种依靠网络而非本地的笔记形式，说不定某一天有些好用的功能变成收费使用，或者有些笔记因为关键词检测而被迫消失，我便愈发觉得要更换目前在使用的笔记软件。

在后来，我阅读到了“无离线不笔记”为什么我要选择思源笔记？”这篇文章后，对其中的理念十分认同，觉得遇到了最适合自己的笔记软件，这股兴奋劲使我整晚上激动得睡不着觉。于是便这样与思源笔记结缘。

在使用初期，由于在 Notion 和 wolai 上面积累的一些使用习惯一时很难更改，还是给自己带来了不小的上手难度。但在接触之后，就发现还是挺香，虽然界面丑陋了一点，但是基本的功能很齐全，而且还可以使用大佬们制作的主题进行美化（当时特别钟意 langzhou 大佬制作的 spring 主题，后更名为 toy 主题），就这样一直用下来了。

后来，我觉得大佬们的主题也开始满足不了我的胃口，我有一些美化的想法，但是自己本科学的是会计学专业，此前未层接触过代码，不知道如何更改。在搜索了一些视频后，找到了另一款笔记 Obsidian 的修改字体颜色的教程，触类旁通，于是便也开始折腾起 siyuan 来。在菜鸟教程上学到一些基础的 css 知识后，便开始美化字体和界面，就这样慢慢熟悉起来。

由于时间久远，我也忘记当时为什么要做一款属于自己的主题了，但从我自学 CSS 开始，总归会有这么一天的。一个好看的主题首先要有一个好的审美，从有这个想法开始，我逛遍各个论坛，比如链滴社区、Obsidian 社区、优设网、站酷网、花瓣网等等，搜寻有关 UI 设计、颜色设计的内容，希望从这些网站中汲取自己制作主题的灵感（zhang-light 主题设计理念）。

当时也不了解 CSS 选择器是什么，于是便从拆解 Achuan-2 大佬的 Tsundoku 主题开始，一个段落一个段落地搞清楚这些代码是实现什么功能的。通过修改选择器的一些代码属性，通常是字体或者背景颜色，观察哪里发生了变化，就这样一点点把大致功能给搞清楚。

就这样度过了很多个日夜后，zhang-light 主题才最终完工，当时主题还不叫这个名字，我尚不会上传到 GitHub 的高端操作，于是就先把主题发到了群里边，希望大家下载尝试。

在得到群友们的热情鼓励后，我开始考虑加入更多酷炫的功能。比如自定义属性，便利贴样式，字体设置面板、网格背景等等。当时正值冬奥会举办，我还别出心裁，加上了限定版“冰墩墩”、“雪容融”便利贴蹭热度。就这样，在大家的意见和建议中，我踏上了自己制作主题的道路，不断对主题进行更新完善。

慢慢地，我开始对自己做的主题自信起来，我想让它被更多人看到。于是便学习如何将其上传到 GitHub、如何将其推送到 siyuan 主题库中。刚开始还不懂 Git，每次更新主题，我都是在 GitHub 中把源码删除，然后再粘贴进更新后的代码，虽然麻烦，但是想到大家用起来的样子，我就非常期待。

再后来，想法越来越多，一款主题已经不能实现所有效果。于是便制作了更多主题：

主题名字	制作原因	主题截图
zhang-dark	朋友们反馈想要一款夜间模式也能使用的主题
OneNote	当时想要实现多彩文档数这个效果，联想到 OneNote 本身就是这样啊
blue-dog	奔着打造一个跟知乎平台编辑体验类似的主题去的
min-verse	当时印象笔记出了一款 verse 软件，当时朋友打趣，于是做了一款视觉效果类似的主题
Chrome-A4	彼时思源尚不能自由调整版面宽度，借鉴腾讯文档的外观设计了一款 Chrome 浏览器外观的，A4 尺寸的的主题，后期将操作栏移到了软件上面固定。
chuizi	想到了老罗的经典锤子便签，将移动端、PC 端的背景图片扒了下来，确实好看
green-elephant	本来是想做一款护眼主题，但是我电脑屏幕显示色彩有问题，在我电脑上显示正常，但是大家反馈太绿了，后期仿照 Tsundoku-light 主题对背景颜色进行了修改
green-leaves	制作了一款绿色主题

目前好多主题集成了 js 按钮，点击可以切换配色，但彼时还未流行开。此外我制作的每款主题并非修改配色那么简单，每款主题的设计逻辑不一，结构存在差异，虽后期考虑过将主题代码重合部分融合起来，通过加入点击按钮来切换不同主题，但受限于个人技术未能成行。

工作后，自己花费在主题制作上的时间越来越少，更新的速度越来越慢。当时虽未曾想过停更，但制作的主题数量一多，更新的压力就越来越大，维护的难度越来越高。此外，还有几个原因：一是思源笔记软件更新时，由于 css 选择器或是默认属性值的变化，集市中的主题可能会出现外观错乱的情况，软件更新得越勤，主题也就得更新得越勤。二是思源集市加入了下载量的排名，主题越美观、功能越强大、更新越迅速，下载量就会越高；这对于用户和优秀主题作者是好事情，但对于下载量低的作者而言，有种主题被冷落的感觉，这层“绩效考核”，逐渐淡化了我制作主题的兴趣。三是一些主题集成了 theme.js 插件，点击就可以实现各种高阶功能，自己也想要尝试制作，但 js 难度太大，并不像 css 那般好上手，遂放弃。四是我觉得需要慢慢将重心从“折腾”外观回归到记录笔记中，返璞归真，不要本末倒置。五是出于同步的需要，在线笔记软件 flowus 的同步更为无感和便捷，打开一个网页就能记录，所以自己目前是将 flowus 和 siyuan 结合起来使用。

之前因为遇到了一个严重 bug 导致思源笔记打不开，好长一段时间没用了，但后来通过建立新的工作空间解决了，特别是如今画廊视图的更新，我又重回思源笔记的怀抱中。

俗话说“颜值就是第一生产力”，如今集市也涌现了一大批优秀主题和插件，外观赏心悦目、功能一应俱全，我由衷为思源的发展感到高兴。感谢 D 大 V 大的勤劳更新，感恩主题作者的长期坚守，祝愿思源的发展越来越好。