Gemini升级个人网站全记录

11月26日萌生了用Gemini搭建个人博客的想法，我在此之前完全是这方面的小白，在Gemini的全程指导下，当天中午用一小时上线个人博客Individual Reading。后来在 namecheap 花了 3 美元买了一个域名，也是在Gemini的指挥下做好各项设置，让域名指向我的博客。

可惜的是，隔了一天我收到 namecheap 邮件，对方怀疑我支付作弊，给我退单了，导致原有域名失效。无奈之下，我又重新买了一个绑定，新的域名换到chrisreading.ink。这下算是感受到了互联网公司的难处，稍微有点故障都引出一堆大麻烦。

设定后域名后，我才发现博客还有很多不完善之处，例如，最开始只有 Articles 和 Contact 两个栏目，一个用于发布文章，一个用于读者留言，功能非常单一。于是我又让 Gemini 给我在原有代码基础上增加了 Archives 与 Books 两个栏目，后来又增加了站内搜索和用户订阅功能。

这个网站主要就是用于记录个人阅读，Archives 可以通过标签实现文章分类归档。Books 则是我最满意的升级，我想要一个专门展示阅读记录的地方，不仅要有封面、评分，还要能区分中英文书。这个栏目还可以给每一本写过书评的书籍链接上书评文章，通过自定义标签设置书单，终于能够完完全全按照我自己的想法来罗列自己看过的书目，让个人博客变成可高度定制的豆瓣主页，而且不用担心哪天某个书籍条目突然消失不见。

Books 栏目的自定义标签是我很喜欢的一个功能，我可以给喜欢的某一本书设置单独的标签，实现在一个标签里展示不同版本的《红楼梦》，也可以把某一个作家的书归类到同一个标签里（例如，我把读过的何伟的6本书单独放在一个标签下）。同时也可以设置年度阅读书单，通过网站增加一键导出书单功能，可以导出任何一个书单，导出的书单效果我会放在最后，我非常满意。

还有一些不可见的升级，例如最初的博客虽然能切换页面，但其实是在一个页面里转换，导致浏览器的后退按钮失效，也没法分享具体的文章链接。我又让Gemini增加了文章的专属链接，用户点浏览器后退能回到上一级。

由于我的博客是单页应用，搜索引擎抓取有一定难度。Gemini 帮我在代码头部植入了完整的 Meta 标签、Description 和 Keywords，甚至还配置了 Open Graph 协议，让我分享到社交媒体时的卡片预览图变得非常专业（前面的这些我都不懂，我只是提出了SEO优化需求）。 除此之外，Gemini 手把手教我申请了 Google Analytics (GA4) 的 ID，把统计代码无缝集成到了网页中，这样就可以在 Google Analytics 后台看到网站的访问数据。

这个博客自上线以来，前前后后进行了十几次升级，尤其是周末两天花了大量时间在这上面，这个博客的功能也日趋完善，越来越像我喜欢的样子。如果我是产品经理，Gemini是公司程序员，几天的时间里迭代十几个版本，TA估计早就撂挑子不干了。但是就在这么短短的几天时间里，Gemini让我这个小博客从一个简陋的单页，进化成了一个功能完备、体验流畅的个人知识库，这是完全出乎我意料的。

当然，前提还得是自己知道想要什么，再让Gemini帮你去实现，我每一次提出需求，都是把完整的index文件代码丢给它，让它在现有代码的基础上去补充完善，如果让我自己按照它的指指挥去改代码，最后只怕会是bug满天飞。