继页脚、导航栏大改以后，我的自用主题已经和原本的 Citizen 样式差很多了，可能到了魔改的程度了。这几天没有更文，一直在苦心钻研 Typecho 的原生 Markdown 编辑器，想着如何给文章多添加几个实用的样式。在 MyLife演示站、风记星辰、Heo、Cuteen 主题演示站等站点看中十几个好看的样式。有推拉抽屉，长代码，轮播图、时间线等功能，最后挑了五个实用的，经过几天的研究、编写实现和打磨后也终于是可以使用上了。

前段时间新写了个主页，抄的是 Leon Fong 的。

我从2月开始魔改这个主题，刚开始想建一个与众不同的站点，于是打算博客框架、前端后端全由自己写，但最后由于规模太大，本打算2月初上线的，结果到1月中旬才写完最基本的增删改查。于是我觉得还是用 Typecho 作为我的内容管理工具，然后从现有的主题市场找一个好看且小众的主题，然后开始改。

我想要的站点风格是首页一个大图，然后博客作为站点的一个功能，与照片、笔记类的功能并列，即比如 / 路径为首页，/blog 路径为博客，/photo 路径为照片，/notebook 路径为笔记，这样一个二级域名就搞定了所有的站点，不需要搞很多个域名了，且站内切换方便管理。

至于前面提到了，我喜欢的首页风格是只有一个大图或只有一小堆东西，位于屏幕的中央，然后高度就是固定的，不需要滚动。Citizen 主题的主页无风格，只是一个页面，于是我第一个魔改的页面就是主页。第一版主页在正式编写前我是将它看作备选项的，因为我的站点是扁平化风格而非圆角矩形风格，因此众多博主采用的圆角矩形风格我认为和我的站点风格不符合，没有采用，最后舍弃了首页风格为居中显示简洁信息的选项，从而有了第一版很长的主页。而随着时间的推移，改了三版的 关于 界面渐渐采用 Bento 布局的圆角矩形风格，我开始思考是否要将主页也做一个改变，怀着试一试的心态，我开始寻找符合我原来要求的主页样式，最后看中了此款，和我降低了的主页要求很符合，因此第二版主页就诞生了。

除了主页，本次开发我还为文章的文本类型加了些有趣的。

原 Citizen 主题使用的是富文本编辑器，我本人使用 Markdown 语法写各种东西已经习惯了，不习惯使用富文本编辑器，且富文本编辑器的功能无法使用 Typecho 为开发者提供的插槽，难以扩展我想要的功能。

现在本站已支持在文章中嵌入音乐播放器，最近很喜欢【珊瑚海】伴奏的【One Last Time】，在此将歌曲放在下面。

音乐播放器的样式抄的是喵的 MyLife 演示站内的样式。

MyLife 音乐播放器样式.webp

我购买过 MyLife 主题，虽然现在没用，不过没白花钱。

由于文章中音乐播放和视频播放的概率极低，不需每时都导入 CSS 和 JS，因此我将其设为了按需导入，由 JS 动态导入。具体就是检测文章中是否有对应的结构，若有则导入且用一个变量标识，表示已经导入过了不需要再导入，然后再执行初始化操作。

音乐的在线链接放在下面了，使用的是本站的外链大卡片。

大卡片的样式抄的是 Heo，它的前端开源，源码可直接复制。

Heo 的大卡片样式.webp

这几个功能中，通过 MetingJS 实现音乐播放功能是最难实现的。我从未接触过这个领域，实现它耗费了我很多时间。

当然，细节也不能落下。本站有两类音乐播放器，一个是用 Howler.js 实现的、位于屏幕左下角的固定的播放器，它播放的是来自网易云音乐的一些纯音乐歌单内的音乐。另一个就是用 APlayer 实现的，位于文章中的播放器。这两者播放音乐要冲突，所以这个细节我加上了。

折叠卡片也是抄的 Heo 的。

Heo 的折叠卡片.webp

本站的折叠卡片样式是这样的。

最后还想提一下沈阳这几天的暴雨。26号有一个大型漫展活动在离我家很近的购物商场内举行，本来要去漫展看看的，可26号天降大水。在上午十点半等车，半小时没等到一辆，打车也没人接单，只能回去了。雨在28号开始小多了，但是漫展已结束。

最后最后再提一下，本站无测试环境，只有开发环境，编写功能在试验基本完成确认基本无误后，就直接上线主站了，因此功能刚上线就可能有bug，可在评论区提出。

最后最后最后再提一下，本站将在未知的时间上线小程序版，为更方便博主本人编写文章、更方便访客阅读文章。至于何时上线，仍然只是想法，可能在学习完小程序开发后就上线了。