logo of Shuibaco

翻修个人网站

2023. / 4,549字 / 1,660阅 / 1评

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

个人网站结构

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

shuiba.co 主页
(自我介绍、邮箱地址)
blog.shuiba.co 博客
/footprints 足迹
/portfolio 作品集
/lifetime 大事记
/resume 简历(中日英)

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

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

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

shuiba.co 主页 blog.shuiba.co 博客
└ 自我介绍
└ 邮箱地址
└ 简历链接
└ 作品集(分类筛选展示)
└ 日常(生活/思考/旅行)
└ 年度总结
└ 足迹地图

现在我的主页放在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美元到底能不能全都进入我的钱包,不试试看可能永远没法知道,又是个待实践项目。

总结陈词

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

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

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

参考文章

彩蛋

发给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」邮件,但之后也就再没有了……不论是做为网站作者还是被回复的人。
 
好长一篇!终于在接娃放学之前写完了!希望能尽快得到你的回复。

938°
春天花会开🌸
Comments
Write a Comment
  • kid reply

    你的博客很简洁,但一点都不简陋,甚至可以说是十分精致

    • @kid 谢谢,是我想要达到的效果😉不过其实还在进行中😅

点击加载Disqus