翻修个人网站

承接上文「我的logo迎来了第十代」，接下来我想写写这段时间的调查和思考。本来在灿烂的未来章节里就应该写的，但那时候还没想清楚。现在其实也还没想好，只是因为内容已经堆积过多，我需要为大脑释放一些空间，不然没法继续思考，于是有了这篇“阶段性总结文”，也可以称为“边写边想文”。总之，我打算捋一捋现在收集到的信息，为接下来的决定铺路。一想到这篇文章写完我就能做出决定，内心无比雀跃。

个人网站结构

上一篇博文里我提到过，翻修网站的想法由来已久，因为一直没法决断，所以推进缓慢。原本我的计划如下——

因为怕页面太多太繁琐，我并没有另开一个/about装「自我介绍」，而是打算直接写在主页里。与此同时，联系表单不如一行邮箱，所以除了二级域名的博客，只准备做四个页面。但即便如此我仍在思考能否“精益求精”，于是将「简历」并入了「大事记」/lifetime。但当我将「大事记」写出来之后又觉得过分涉及隐私了，所以最终我选择取消这个页面。「简历」还是用传统方式，以PDF链接插入主页中。

另一方面，我想过用Mapbox自定义旅游地图并嵌入网页，然后加上游记链接。了解了一番觉得有点儿杀鸡用牛刀，而且我也没弄太懂是怎么一回事儿。同理，谷歌的自定义地图也试了一半，一知半解，无暇继续。又因游记皆以中文撰写，故决定放入博客blog.shuiba.co/footprints中，待日后慢慢研究吧。

一番“断舍离”过后页面只剩下「作品集」，那么干脆全部整合到主页中吧，One page最高！所以最终版本如下——

现在我的主页放在GitHub上，挺好的。接下来的待办清单也很简单粗暴，把过去的全都整理整理，然后再出发。

• 归档旧主页
• 制作新主页

博客组成

个人网站结构定好之后，接下来理一理博客结构。我在「因博客不同步而想到的」里将博客分为了四个部分——

• 文章
• 图片
• 评论
• 统计

我的初心是能托管就托管，越简单越好，用钱卖服务，用省下的精力在自己的专业上搞钱，一个理想的成熟的社会分工明确合理的乌托邦社会。文章用FarBox，接入Dropbox，畅享跨平台写作与版本控制，唯一担心的是似有若无的support，因为Hepo时在时不在。评论用Cusdis，难得找到提供官方托管的评论服务，界面还十分美观，只可惜没有访客链接。虽然我明白作者对评论纯粹性的追求，但因为我真的太喜欢回访了，所以很难妥协。统计用Umami Cloud，简洁美观还能托管，其他自行车都可以不要了。可能有人要问，图片呢？根据我有限的知识，图床我只知道七牛和又拍云，但国内服务想要绑定自定义域名——which也是我的刚需——就必须备案，原配FarBox又没法放mp3/mp4等音视频文件，所以我一度将图床搬到了FarBox的国外姐妹版Blot上。后来偶然得知Blot是放在AWS上的，然而因为某些原因图片托管搬回了自己的主机，于是不了解国外图片托管服务的我在一阵疯狂学习之后干脆一狠心，跨过“中介”直接托管到源头——AWS S3上。说实话，我也是跟着网上的教程一步步设置的，对于整体的机制不甚了解，所以有点儿心虚。但好在能用，感谢种树的前人（深深鞠躬）。最重要的是价格实在太感人了，也许是得益于我规整的图片设置法则，文件体积并不大，所以每个月只需几美分，一年免费到期后又过了一年多，就没付过钱（捂脸），薅资本主义羊毛真香！

评论和统计

图床已经“到顶”了，于是我将魔爪伸向了评论。一个多月前我写过一篇「第三方评论之2023年版」，里面详细介绍了近期比较热门的评论。在此基础上我不断钻研，总算明白了评论的大分类。基本上评论因为有个提交过程所以属于动态系统，但就像静态网站之于动态网站，也有人研究出了静态版评论。之前我一直不理解的Staticman就是如此，收到评论之后触发页面重新部署，评论以静态形式收录在文章页面。我立刻想到FarBox原生评论也是一个个静态的csv文件，于是半夜鲤鱼打挺起床奔向电脑疯狂测试，最后去了一封长邮件给Hepo请求答疑解惑（见彩蛋）。Hepo日理万机还未回复，我这厢开始思考是否今后只认定FarBox生态。思考良久，我觉得为了flexibility还是要分而治之。如同图片等多媒体文件，我之所以单独拎出来放在图床里，也是考虑到文章数量上去了以后混合管理的效率太差。想明白了这点，我决定放弃静态评论，转向独立的第三方动态。当然我也想过是不是可以不要评论，但因为我自己也喜欢给过去的文章评头论足，又或者添油加醋，所以即便不为他人只为自己，这评论也还是很重要的。

左等右等没等到计划加入访客链接的Cusdis 2.0，而Umami Cloud内测结束也将要收费且现阶段收费情况尚不明晰，于是我产生了对于中年人来说非常“危险”的想法——干脆全部自部署？一阵调查之后又收获了不少新知识：Vercel、Netlify、Railway、Supabase、React、Vue、Node……眼花缭乱，欲仙欲死。极简主义者和技术小白如我好不容易发现Railway上有现成的Waline和Umami，一个响指，就是你了！虽然Supabase似乎有更优惠的数据库方案，但于我而言账号宜少不宜多，一种管理成本与服务费用的博弈。总之我打算先试试看，实践出真知。

其实这四个部分我是按照重要度排序的，统计最后，也的确，在我心里统计可有可无，因为我并不需要依靠数据获得什么，纯粹为了看着有趣。如果费用不大我就蛮搞个玩玩，如果太费钱那就算了。Umami Cloud正在免费内测，自部署也不知需要多少钱，所以可以缓缓，待我搞清楚评论之后再弄也不迟。

博客的未来

阿良说她可能要脱离FarBox了，然后我在她的传道授业下竟起了自己写静态博客生成器的“邪念”，明明我根本没搞清楚SSG (Static Site Generator)到底是什么。最近加班加点补习，我终于弄明白了，果然还是得有知识储备才能做出合理的决定。

众所周知，网站主要分为两大类——动态网站(dynamic sites)和静态网站(static sites)。搭建动态网站的工具里最为人熟知的要数WordPress了，同类别的还有生活博主很爱的Typecho。这类工具的优点是制作门槛低、指导教程多，基本上只要“用真心”就能搭建（cue一下少爷和我）。但缺点是对于个人博客来说功能过剩，浪费资源不说，还会拖慢速度。于是乎，超轻量的静态网站应运而生，各种SSG如雨后春笋般涌现，除了中文博客圈最常见的Hugo、Hexo，还有国外正流行的Gatsby、Eleventy等等。然而部署静态网站还是有一定的技术壁垒，好在大部分程序员都很热爱分享，所以网上教程也不少，就算照猫画虎也能搭建并运行起来。

我当初出坑WordPress入坑FarBox就是因为比起令我一头雾水的数据库，一份份干净整洁的markdown文件带给了我更多的安全感。尝到甜头之后我便一发不可收拾，再也看不上冗余的动态博客，也对静态博客的繁琐命令感到厌烦。最近我终于明白Hepo说的「FarBox不是静态网站」，因为静态网站生成器的工作简单说来就是将md按照设置好的模版转换成html再发布到服务器上。而FarBox如果要给它一个定位，我想应该是Flat-file CMS。也难怪我跟阿良沟通静态博客机制的时候出现了认知偏差，我认为文章在本地被渲染后上传到服务器，而她认为是文章上传到服务器后被渲染。这其中的差别就在于，魔法到底是在本地还是在服务器上运行。所以其实我们都没错，我说的是SSG sites，她说的是Flat-file CMS。搞清楚这点之后我也终于明白，如果要找FarBox替代，我不应该去找SSG，而应该去找Flat-file CMS。

虽然Flat-file CMS比SSG少很多，但还是被我找到看起来还不错的Grav。管理逻辑跟FarBox类似，在服务器上装好魔法，然后上传md即可，当然自部署FarBox也是一样的。自从知道AWS EC2是个云服务器之后，我好像又打开了一片天。我好想把所有服务都放在AWS上，因为它真的无所不能的样子。不瞒各位，我甚至打算域名到期后从Name.com转到Route 53。关于Route 53我能查到的中文资料很少，限于我有限的英文阅读能力，it is a DNS server rather than a domain registrar。有篇文章提到，是时候让大家清醒认识到域名注册和DNS服务实际上是两种业务，大部分域名注册商都不是好的DNS服务提供商，所以Cloudflare才如此受欢迎。只是我对于Name.com并无不满（背后看不见的东西我也不懂，单从使用体验来说），而Route 53的DNS服务又是按需收费，所以每年域名续费省下的5美元到底能不能全都进入我的钱包，不试试看可能永远没法知道，又是个待实践项目。

总结陈词

• 归档旧主页 2023-08-31
• 制作新主页
  • 自拍肖像照
  • 制作简历
• 刷新博客设计 2024-07-29：决定将博客与主页统合。
• 评论迁移到Waline 2023-09-16：试了Twikoo、Cusdis、Waline，最后回到了FarBox原生。
  • 更换评论系统——从Disqus到Waline
  • 换回原生评论系统，以及近期折腾总结
• 制作旅行地图，加入游记链接 2024-06-28：顺利搭好框架，正在慢慢添加地点和游记链接。
• Umami Cloud内测结束后视情况决定是否自部署 2023-08-31：有免费的Hobby plan，先用着，反正我对统计要求不高。
• 域名转到Route 53 2023-08-31：shuiba.co荣升premium domain，哪儿哪儿都转不了，最后还是留在了Name.com，只把DNS转到了Cloudflare。 2024-11-15：Cloudflare接收高级域名了，已经转过去了。
  • 转移域名始末
  • 域名成功转至Cloudflare

待办清单可比任何陈词滥调都好使，简单粗暴，清新爽洁不紧绷（充满岁月感的陈年梗）。现在网站结构理好了，终于可以做设计了，很激动但是毫无头绪哈哈哈！

昨天（4月8日）在回家途中经常等红灯的路口，我突然想起自己刚开始写博客没多久，有个名字相仿年纪相仿兴趣相仿的博友小姐姐从MSN Space转到了独立博客（我还记得域名是cyaning.com）。看着她的网站里放着自己的文字、照片、画作，以及喜欢的音乐，彼时还在各类「术业有专攻」网站拥有账号的我可以说羡慕异常。我仍清晰记得她叫我一定要自己搭个独立博客，我很向往，但我觉得我做不到。大概三五年之后（？），我成功拥有了自己的独立博客，域名是ccyann.com。我想，现在觉得不可能的我，会不会也在十年后感叹，我做到了，我真的好棒。

自2006年正式踏入博客圈，不知不觉已经过去了17年。那个喜欢一个人在家鼓捣博客的高中生、为了网络上的自留地而努力学习前端知识的大学生、和博客一起独立的留学生、凭借十几年博客经验顺利完成职业转型的电商设计师网店美工，一路走来，感慨万千。我很庆幸写博客的热情还在，素材一抓一大把，不需要再为赋新词强说愁，也充分理解更博状态的起伏。我过上了年少时的理想生活，还拥有着一个完全属于自己的小小博客，没有什么比这更令人感到愉悦的事情了。

参考文章

• Beginner's Guide to Eleventy [Part I]
• 用 Grav 搭建博客网站
• 更换博客评论系统
• 到底什么是前端、后端、后台啊？ - 科普小民工 的回答 - 知乎

彩蛋

发给Hepo的超长咨询邮件，因为写得太好（？），所以忍不住想要贴在博客上。

From : shuibaco
To: hi@farbox
Date : 2023年3月30日 15:58
Subject: 【水八口】关于评论和相册的一些疑问

Hi Hepo!
 
也不算好久不见，前阵子因为Dropbox同步问题刚联系过你😂我最近又开始大搞博客了，有些问题想请教你🙇🏻
 
1) 如何将评论等文件同步回本地
 
我想把Disqus换掉，查了很久都没有心仪的替代。昨晚测试了一下FarBox原生评论，发现它们不再像之前那样分散在各个文章下面，而是统一在_comments文件夹里，一篇文章一个.csv文件也很干净漂亮，有些心动。
 
数据迁移先不谈，因为我用Dropbox同步只能推送出去没法同步回来，web编辑器可以改，但改完也没法下载到本地。我试了iPhone的metion，iCloud目录乱七八糟文章也不全，重点是并没有网站相关文件夹😅
 
我想到的曲线救国方式是把以前测试网站的评论csv复制过来，本地修改再同步上去，这样可以解决数据迁移的问题。但接下来如果有人在网站上留言，要如何取得FarBox端的新评论文件就成了问题，总不能每次都手动复制一遍吧😅
 
所以有没有可能，在web编辑器可以右键下载文件夹之类的呢？或者有什么更好的建议？
 
2) 简易作品展示页面（图片）
 
我重新阅读了doc，发现设置album root可以做个简易相册。但同时我又看到你写说不建议做为相册，因为可能导致流量问题。
 
我的诉求很简单，就是哗啦啦一大片图片，每张大约3000px左右，可能3MB左右？现阶段不会超过100张。然后打上tag啥的可以筛选展示。我也不想搞得太复杂，不打算做详细内页，所以one page可以搞定。如果是这种程度，我觉得应该没问题吧？
 
还有，相册的模板可以自定义吗？
 
3) 基本上收不到评论回复邮件通知
 
昨晚测试，自己给自己回复是收不到邮件通知的，包括我才发现你在doc上问过我能否收到，因为我没收到😅
 
我在dashboard里刚设置好邮箱后收到过一次「new comment」邮件，但之后也就再没有了……不论是做为网站作者还是被回复的人。
 
好长一篇！终于在接娃放学之前写完了！希望能尽快得到你的回复。