这是一篇初稿起草于 2026 年 9 月 20 日，之后又陆续补充修改的文章。

去年的这个时候和现在的我都在加班，只不过今年的我精神还算饱满，只是身体疲惫。

所以我提前起草了这篇文章，不想像去年一样草草的写一篇水文：关于花墨建站一周年这件事。

无论是陪伴花墨走过这一年的朋友，还是第一次看到花墨的新朋友，我都希望用这篇文字去认真对待。

并不是因为我不知道写什么，对，不是_(:з」∠)_

因为是网站的两周年，所以我会只讲网站相关，不讲其他，希望你看的开心！

去年的目标和期望

在去年的一周年水文里，我列了以下目标：

• 对样式细节、网站性能有一定的修改✅️

  当时我就觉得花墨还有很多需要修改和进步的地方。

• 提交加入十年之约✅️

  加入我觉得很有意思的一个友链社区（必须要建站一年）

  不过现在我最喜欢的其实是 BlogsClub

• 希望花墨可以变得越来越好✅️

  “这不是废话吗？”——我对一年前的我说道。

• 不会有什么非常大的改动❌️

  去年的时候我觉得花墨已经足够“完善”了，所以才说“不会有什么非常大的改动”。

  但实际上今年我开始四处访问，并见到了许多漂亮、有深度的博客，发现花墨无论是从内容、还是样式交互都有很大的改善空间。

  所以花墨实际上有了非常大的改动✅

接下来我会一一进行介绍，不过在此之前可以先看看花墨的数据相关对比，能够对这一年的运营有一个更直观的印象。

数据对比

相比去年，我更明白自己喜欢记录什么东西，写作热情也高涨了不少，文章数量、阅读量和互动都有明显增加。

由于我准备在二周年当天发文，所有数据对比均统计于 2025 年 10 月 10 日 ~ 2026 年 10 月 9 日 期间和 2024 年 10 月 10 日 ~ 2025 年 10 月 9 日 期间

开发数据

因为花墨在样式、设计、动画、性能方面均存在许多优化的空间，所以我基本是按照优先级和重要性依次进行，从今年 4 月开始陆续提交。

你可以在《花墨开发升级计划》看到我列出来的各项需求

不过需要注意的是，《花墨开发升级计划》现在更多是作为我的备忘录，记录一些我暂时无暇顾及的需求和 BUG，而非一份完整的开发列表。

而绝大部分可以当下直接开始着手的需求和灵感，不会记录在此。

从今年开始，我的工作流从半 AI，转变为了纯 AI 开发，这不仅是我认为的未来技术重心，也是我们公司的战略目标（全面拥抱 AI ）

以前一个需求可能需要自己研究、手写、调试很久才能上线，而现在有了成熟稳定的 AI 工作流，我只需要提供需求、技术约束和想法，再负责实现过程中的把控与最终审查。

也得益于花墨过去打下的底层基础比较完善，开发工作基本没有遇到什么难题。

让我们来看看代码提交数量的对比：

指标	第一年	第二年	变化
代码提交（主站 + 后台 + 接口）	203	500	↑ 146%

多了一倍不止，再花是真爱写代码……

当然，Commit 数量只能作为开发活跃度的参考，并不能直接代表工作量。

网站数据

上文提到，我现在的写作热情要高得多。

一个是我知道我的优势在哪，知道怎么写。

另一个是我的朋友们很会思考，我总是能从他们的思考中获取不少灵感。

所以这一年我输出的内容多了不少（虽然有几篇有点小水的嫌疑，但整体质量还是有提升的）。

博客

作为博客网站的核心，这里就有许多需要展示的数据了，首先来看看花墨的博客篇数和阅读量对比吧：

指标	第一年	第二年	变化
发表篇数	32	47	↑ 47%
阅读量	2,954	9,339	↑ 216%
篇均阅读量	92	199	↑ 116%

看起来本花第二年的写作热情很高啊！读者也多了不少！很不错！

然后来看看博客的字数对比：

指标	第一年（32 篇）	第二年（47 篇）	变化
总字数	71,421	133,551	↑ 87%
篇均字数	2,232	2,842	↑ 27%
最长篇	6,751	12,094	↑ 79%
最短篇	63	490	-

看起来本花也是慢慢开始喜欢写长文了，毕竟思考多了，文字也会变多！

再来看看字数相关的趣味数据：

第一年的最长篇博客：《来自新世界》书评：想象力可以决定一切 - 6,751字

《来自新世界》真的是本花超喜欢的一本小说，还附带“好朋友赠送”这一因素，当时写的真的非常认真捏。

第二年的最长篇博客：CodeX：Angular项目性能优化实例分享 - 12,094字

本花今年在工作和 AI 开发上最大的成就和经验分享，很值得骄傲。

第一年的最短篇博客：Angular18导入Echart的最简单步骤 - 63字

网上关于在 Angular 项目中的 Echart 导入步骤基本都是错误的，导入好几次之后觉得实在烦躁便自己记了下来。

不过当时对博客的定义并不清晰，也是把这里当成记事本了……

第二年的最短篇博客：如何获取一首歌歌词的SRT字幕格式 - 490字

去年 11 月写的一篇博客，其实也是记事本啦，感觉剪视频会经常用到怕忘便记下来了！

友链

第二年新增了 7 个好朋友（不包括已删除的）

其中有几位对我博客的喜爱、互动程度都很高，非常开心咧！

按加入时间从上到下排列是：

友链	网址	加入时间
ZY知识库	blog.pljzy.top	2025-10-24
Guo xk的博客	guoxk.me	2026-05-21
夜莺不语	nightingalesilence.com	2026-07-21
喵喵小站・博客志	mmbkz.cn	2026-07-31
子夜集	leoreo.me	2026-08-10
胡拉图说	hulatu.com	2026-08-26
雨眠碎碎念	blog.yuumii.top	2026-09-18

果然优秀的人都是会互相吸引的，也得益于本花一直在进步，才能认识这么多优秀的人。

评论

今年 7 月份，花墨新增了评论区功能，评论的数据怎么样呢？

类型	总条数	访客评论	博主回复	访客评论收到回复
文章评论	259	138	121	109 / 116（94.0%）
点滴评论	32	18	14	13 / 17（76.5%）
合计	291	156	135	122 / 133（91.7%）

“访客评论收到回复”中的比例，指访客评论中获得本花回复的比例。

通常本花只会忽视不知道回什么和完全不感兴趣的评论，绝大部分的评论都是有认真回复滴！

当然，方导的评论我偶尔也不会回，因为我会直接在小窗找她哈哈。

不知道回什么的评论，例如不明白含义，过于水的评论。

完全不感兴趣的评论，例如养娃、纯技术。

以下是最常在花墨评论的朋友们 TOP10，花墨的忠实粉丝！

朋友	评论数
傲里奥 Leo	20
石榴鱼	11
0c0	10
小彦	9
方	8
雨眠碎碎念	7
obaby	7
Sheep5	7
mao	6
ztgd	6

花墨新增了什么

这一年来，花墨更新了很多，在这里挑几个我最喜欢的东西讲一讲，分别是首页重写、评论区、想法。

首页

今年 7 月，我完全重写了花墨的首页设计，新增了一个 Hero 页，可以通过以下两张图片来进行对比。

重写前的首页，点进来之后便是精选文章，以及我、网站的各种信息。

重写后的首页，一张带有动画，且非常干净的 Hero 页。

其实重写前后的内容是并没有变化太多的，只是出现的顺序不一样。

简单来说，重写前的首页虽然已经尽可能的简洁，但对于初次访问的用户来说，博客内容、站长信息、网站信息都聚集在了一个页面，每个用户所侧重的点是不一样的。

重写后的首页，则把我希望用户最先看到的“我”和“网站”放在了空白 Hero 页的正中央。

关于这方面更多的想法可以看这篇：我删掉了花墨的三个入口

评论区

今年 7 月，我为花墨添加了评论功能。

今年 9 月，我重写了评论区功能，重构成了一个独立的评论组件，并引入 Markdown 格式与表情包功能。

表情包功能我真的很爱，不仅将当初约稿后吃灰的稿件重复利用，还使得评论区充满特色，表情包也是真的很萌啊好吧！

关于表情包的相关设计可以看这篇：来试试猫猫夫妇表情包吧！

至于为什么以前花墨没有评论区，而后来又添加了？

当初有点玻璃心，怕被否定和攻击。后来我放下了对这方面的“迫害妄想”，并意识到与读者的互动是网站非常珍贵的一部分，所以便加上了评论功能。

想法

想法功能是伟大的方方大人所提出的一个需求，也被许多朋友肯定，还有朋友“抄”到了自己的博客里。

简单来说，我参考微信读书、知乎做了一个框选评论的功能，具体更多的可以看这篇：我给花墨加了一个“想法”功能

这篇博客应该也会有许多划了虚线的文字，点击进去就可以看想法啦！

花墨删除了什么

花墨不仅新增了一些东西，同样也删除了一些东西，这件事也很重要。

友链

这一年我删除了 3 个有效友链，因为我对友链的看法和态度发生了很大的改变，具体可以看这篇：友链应当是朋友之间的链接

先友再链，这才是友链。

一些入口

游戏、装备、书籍，我删除了这些有点卖弄和做作的次要入口。

我现在更清楚了我希望别人在花墨看到什么，所以我将这些没必要优先展示的入口删掉了。

具体可以看这篇：我删掉了花墨的三个入口

视觉变化

作为一个前端小 B，视觉一直是我做博客很注重的东西。

前几天我刚更新一篇博客叫：花墨 1.0：那个丑丑的我，你可以在其中看到花墨最开始是什么样子。

第二年，你所能直接看到的视觉变化其实并不算大，所以我也不会在这里放一些对比截图。

但如果深入到视觉设计的内核，变化可就太大了。

简单来说，以前的花墨更像是一块一块风格各异的区域硬拼出来的“四不像”，而现在，它逐渐形成了一套属于自己的设计规范，变成了一个精致的小窝。

你可以在设计规范这个页面，看到我为花墨定义的色彩、间距、动效、排版等等，已经覆盖到网站的方方面面。

我很喜欢这个页面，因为它凝聚了我这两年内所有的审美和思考，是花墨的灵魂。

技术迭代

接下来讲讲技术上的东西，放心，你一定能看懂。

为了防止看不懂，我会尽可能减少技术相关的描述，即使有也会使用比喻来方便你理解。

花墨的关于页面，有一个比较隐蔽的入口，可以看到所有的主站相关代码提交记录，如果你没有发现的话可以 点击这里 查看。

这里我只讲比较大的技术层改动，不讲业务层，至于小细节方面实在是太多就略过了。

底层优化

今年 4 月份，我在公司开发的基于 Angular 最新版本框架的项目进入验收阶段，也算是忙完了这个一年多的长期项目。

通过期间学习掌握的全新 Angular 相关知识，我对花墨的底层架构进行了完全重写，相关文章：花墨变得更快更好看了ฅ•ω•ฅ

对照优化前后的花墨，初次访问所需要加载的文件大小从 6MB 降到了 1.4MB，而经过后续优化，现在首屏资源总量已经降到了 240.6 kB。

简单来说，在同样的网络状况下，花墨所需要加载的文件更少，加载速度就更快了。

而什么是懒加载呢？

最开始，花墨是一个大房子，你打开门就能看到整个房子的全貌，虽然很方便，但房子里的东西太多了，一点一点加载，会让你访问的时候很慢。

而引入懒加载后，大房子会被划分为各个关上的房间，首页是客厅，区域 A 是博客，区域 B是点滴……

你每次访问都只会加载简单的客厅，当你想访问某个房间的时候，才会去打开门（加载）。

更简单的来说，四个字：按需加载

CDN 真实接入

今年 4 月底，我突然发现花墨的图片并没有真正接入 CDN……只有主站的静态文件接入了。

至于为什么没有接入，我都已经有点忘了，所以当时我跟周边人分享的“花墨接入了CDN图片加载变快了”，原来只是我的心理作用_(:з」∠)_

可怜的花墨。

CDN 是内容分发网络，你可以把图片理解为快递，把 CDN 理解为京东的物流。

京东为什么很多商品可以次日达，就是因为它在各个城市都设置了仓库，一个生产地在北京的厂家，你在成都购买它的商品，普通物流是从北京发货，而京东则会直接从成都仓库发货，距离更近，速度更快。

而 CDN 则可以理解为图片的仓库，它会提前在各个地区缓存好图片，当你访问图片的时候不再是从原服务器读取，而是从最近的缓存地点读取，这样不仅访问更快，还可以减轻网站服务器的压力。

这篇博客撰写期间，我已经将 CDN 迁移至 ESA 了，比 CDN 还强！更多可以看这篇：我的 CDN 被薅之后，我接入了阿里云 ESA

WebP 图片压缩技术

今年 8 月底至 9 月初，我为花墨引入了 WebP 图片压缩技术，并编写了一个脚本将当前花墨几乎所有的图片都转换为了 WebP 格式。

在数据方面，迁移当日的图片体积变化为：博客图片 121MB → 63MB，点滴 115MB → 43MB

WebP 是一种针对 Web 场景优化的现代图片格式，支持有损和无损压缩，在相近视觉质量下通常可以得到更小的文件体积。

字体瘦身

由于以前花墨的博客详情样式实在是太丑了，阅读体验极差，于是我引入了两种开源 Google 字体，Inter 和 Noto。

但这两个字体在静态目录占据的空间实在是太大，以至于我的打包体验很差，于是我便设计了一套按需加载方案，从 135MB（41 个文件）砍到 20.5MB（4 个可变字体）

后来我又为字体引入了字频切片技术，使得字体加载更快了，单篇博客所需要的字体加载从全量 20.5MB 变成只需要读取 500KB 左右

什么是字频切片？

我按照我之前所有的博客的文字出现频率进行切片，按照出现频率高低进行排序，将字体静态文件分为了 14 个切片。

每次博客加载的时候，根据具体使用了哪些文字对切片进行读取，单篇博客通常只会读取 1 ~ 3 个切片。

更多没讲的

• 取消SSR/预渲染链路，改用纯客户端。
• 访客路由级上报，指纹每日去重。
• Angular 框架版本升级更新。
• 优化 SEO 生成逻辑。
• ……

还有许多大大小小的更新，我都忽略了，要讲完实在是太多，毕竟咱们这不是一篇技术博客！

总之，花墨是在变得越来越好的，只要知道这点就好了。

下一年的目标和期望

因为花墨是一个长期发展的个人空间，所以我倒是不太想给它定目标，像做任务那样。

不过确实也有必要提一下自己的规划，即使短时间内无法达成。

手机端优化

通过今年记录下来的访客设备数据，我发现手机端的访问量比预想中要多得多。

因为我无论是开发、还是逛博客，都是以电脑为主，所以有点忽略了手机端，我个人也几乎不会用手机访问自己或他人的博客。

花墨手机端的设计还停留在比较早期的阶段，我并没有对其进行研究和优化。

下一年会想办法重写一下手机端的架构，保证性能和体验上变得更好。

心理学相关的输出

我最近在慢慢的研读心理学相关的专业书籍，由于上班状态不稳定，不能保证固定的阅读、学习频率，进度非常缓慢。

有可能一年才能看完一本……

打算在阅读完至少一本全面的书籍之后，再去用书中的知识和理论，结合自己的经历进行一些写作。

同时我在试着摒弃“没读完一本书就写思考”和“以比喻类观点为出发点写想法”的写作理念。

我目前正在阅读的《心理学与生活》，前期有许多值得拿来讲讲和思考的内容，写（水）一篇博客也很轻松，不过我依旧觉得不应该在理论知识体系未构建成熟的情况下发表观点，那样对自己的学习不负责，对读者也不负责。

至于以比喻类观点为出发，网络上流行很多用比喻进行讲述的观点，很容易引起他人的共鸣，但这样的观点太过片面，不够严谨，我不希望用这种观点作为写作的主旨。

比喻可以帮助表达，但不能代替论证。

至于更多的，可能要等我进入下一个学习阶段再说了，毕竟我才刚入门。

多思考

我在今年不再排斥别人的博客了，会经常阅读别人的博客。

我也特别喜欢逛别人的博客，无论是看看视觉，还是看看文章，都很有趣很惬意。

我发现我在思考方面的能力着实有点差，所以我会想多阅读、学习他人博客的同时，多思考、并输出一些思考类的博客。

脑子不用就要锈掉，还是得多用。

最后

感谢你看到这里，让我们一起迎接下一年的花墨吧。

如果你对于我、或者花墨有什么期待，也欢迎讨论喵。