你现在所看到的花墨，其实是 2.0 版本。

花墨最初的版本，因为我很虚荣、也怕批评，埋头写代码，既不听建议，也不去看别人的博客，像个鸵鸟一样把自己的头埋在地里。

后来因为一些事，心态转变很大，开始和方导一起研究和设计，从零重写了现在的花墨 2.0。

最近我突然发现我有点忘记了花墨 1.0 的样子，也确实有点怀念当初那个丑丑的但是很努力想做好的界面了。

我看到很多博客也会把自己以前的博客样子挂出来，我觉得还蛮有趣的。

自从花墨 2.0 开始开发之后，1.0的代码库就久久躺在 GitHub 库中没有更新过，而 API 在这两年间经历了多次大幅更新，早已不再适配这个废弃项目。

于是我拜托 DeepSeek 老师，在不影响功能和逻辑的情况下，让这个两年前的梦重新出现在我面前，让我重新看到了我曾经梦开始的地方：花墨 1.0。

说实话现在去看这样一个网站，我真的觉得蛮丑的。

首页算是唯一能看的，因为我打磨了很久。虚荣的人总是愿意优先打磨自己的门面，而不是灵魂。

但你要我去讲当初为什么要这么写，我依旧能给你讲得头头是道，这是我大学时期就在脑海中不断构想的网站，直到现在我依旧记得很清楚。

花墨 1.0

如果你阅读过我前段时间的这篇文章：《我删掉了花墨的三个入口》，当你进入 1.0 的时候，你就会发现在两年前，我对于博客首页的设计依旧是我希望你先看到我。

大部分博客第一展现的通常都是内容，毕竟内容才是博客的灵魂。

而我更希望用户看到的顺序是我，然后是花墨，最后才是内容。

这也与我自己逛博客的习惯息息相关，我访问博客第一时间一定是找“关于”，然后才是“归档”。

这并不是说对与错，而是讲区别。

所以你在访问花墨的首页时，第一眼通常会被头像吸引，因为这就是我。

——《我删掉了花墨的三个入口》

首页

花墨的首页，准确来说是一个 Hero 页。

之所以做成现在这种必须点击按钮才能进入内部的静态页面，其实并不是我刻意设计的。

而是我当时的技术不够。

是的，我当时尝试过许多方法去做一个优雅的 Hero 页面，但对 Angular 以及其动画系统还不太熟悉的我来说，尝试多次后依旧失败了。

那个时候我甚至不知道这个东西叫 Hero 页。

不过即使当时技术再好一点，我大概也还是会保留这种交互逻辑，它和 2.0 基本没什么区别。

说个小细节，你可以在截图的下方和右方看到滚动条，是的，技术不够……我确实有当时“努力把宽高适配做好，让滚动条别再出现”的记忆，但可能最终失败了吧。

文章

到文章这一功能模块，你可能也会觉得很熟悉……

2.0 的文章列表和 1.0 设计非常相似，文章同样采用卡片式设计，从上往下分别是“标题”、“摘要”、“次要信息”，右侧同样有筛选功能，文章详情同样有一个作者卡片和目录卡片。

虽然设计相似，但稍微注意一下就会发现，1.0 还存在许多设计和体验上的缺陷，例如文章没有加载提醒、占位符与背景颜色不一致、没有归档页面、标签没有做锚点等等。

至于文章详情为什么没有标题？

因为我那个时候每篇博客的 Markdown 的排版是：# 是文章标题，## 才是正文的一级标题，我甚至还写了一大段代码，根据 Markdown 里的 h1、h2、h3、h4 自动生成目录。

博客的 Markdown 样式是掘金中的一个开源主题：juejin-markdown-theme-qklhk，你会发现它和 2.0 也有一些相似之处，配色方面确实参考了不少。

不过 2.0 的 Markdown 样式已经经历了很多次迭代了，看过早期花墨的朋友应该会有点印象。

点滴

这个页面刚进去的时候就会提醒“检测到狗粮打击，如有不适请及时关闭”。

因为点滴模块最初的设计就是拿来秀恩爱用的，例如记录我和方导的大事小事、点点滴滴，后来觉得用途太窄，才慢慢变成了现在我自己用于记录生活的地方。

我现在更倾向于觉得，幸福的人其实并不需要到处拉着别人说“你看看我有多幸福。”

这个时间轴做的其实非常烂，因为当时的我实在是没有什么好的想法，但我又想塞点炫酷的动画，于是做成了这个样子……

如果你点开任意一个点滴，你会发现这个详情的设计还不错，非常简约，就像一张张明信片，我现在仍然喜欢，只是动效做得不好。

关于

关于页面没什么好说的，2.0 最初也是设计成了卡片的样式，但后来我（个人）感觉平铺会比卡片更自由、高级一些，于是放弃了卡片的设计。

从文字中，你可以看到当时的再花非常拘谨，文字中也毫无个人特色，像个机器人（）

网站开发日志是我觉得蛮不错的一个设计，2.0 只是将其进行了精简，并且只记录 2.0 上线之后的大事。

你可以在 1.0 的网站开发日志看到 2023 年以来的更多信息。

2.0 与 1.0

我这里不打算聊，花墨 2.0 相比于 1.0 有什么升级，有什么更巧妙的设计。

因为要讲的太多了。

花墨是一点一点的更新慢慢迭代而成的，很难用简短的语句去概括。

所以我在花墨放了一个隐藏页面，记录了我每次的提交更新，感兴趣可以看看花墨的更新记录

真正让我现在重新看 1.0 时觉得有意思的，并不是它做得多简陋，而是我后来发现，我在 1.0 里留下了当时的自己。

1.0 到 2.0 的进化过程，本质上是我心门打开的过程。

你可以在 1.0 的每个页面看到动画，但却并不会觉得很优雅、很漂亮。

因为我自己很清楚，我在开发 1.0 的时候，总是会去忽略功能和设计的完整性，而去追求那些华而不实的动画和样式

方导经常说一句话：

“一个人越缺什么，就会越想展示什么。”

我曾经便是如此，很在意别人如何看我，所以不断用漂亮的东西包装自己，但自己的灵魂其实满目疮痍。

好像在 GitHub 随便抄一段按钮的 CSS 代码，在 Angular 动画库抄一段动画代码，就可以把自己摇摇欲坠的小窝变成摩天大楼。

我曾把博客当做存放个人虚荣心和吹捧的容器，但后来我觉得，博客真正有价值的，是交流、沟通和连接。

在花墨 2.0 开始开发的时候，我并没有按照原来那样先写前端，写到自己满意为止才开始写后端。

因为前端是写不完的。

视觉、交互，总会有更多新奇的想法和灵感，今天觉得漂亮的颜色明天觉得另一个可能就更漂亮。

博客最重要的，就是让它先跑起来。

在博客开发完成前一遍又一遍的重调样式，重写接口，我不好说是精益求精，还是单纯在逃避。

但博客在上线运营之前，永远是一坨没有生命的代码。

2.0 开发前，我认真地想清楚了我需要哪些模块，哪些功能，哪些字段，把后端 API 先完整地写出来之后，才开始创建前端项目。

而这次，前端仅仅花了不到一周便完成了，再也不是曾经那样“这里写个动画，那里缺个字段，这里又缺个颜色”，因为我很清楚，我就是想写个博客而已。

慢慢的，花墨就变成了现在这个样子，也就是你所看到的样子。

那个丑丑的花墨，其实也是当时的我。

不过还好，花墨在变好，我也在变好。