如何快速发表网页
一般来说,wordpress 是个人建站性价比最高的选择(部署容易程度 vs 功能),但 wordpress 最大的问题就是需要一个 vps 作为服务器。这会带来很多不便。对于信息游牧人来说,买 vps 就如买房,是一个需要定期检视的定居点,一片水草丰茂的绿洲。如果只是想在网上随便发布一些静态信息(即,不需要运行脚本「服务」的内容),且不需要即时回馈(如评论区),那么用免费静态托管服务来部署 html 网页显然更方便。
什么是静态网页
类似 wordpress 的网站需要在服务器运行一个脚本来保持运作,可以认为存在这么一个「服务人员」,每当你发出访问请求,他就辛勤地查看核对所请求的内容,并从后台把数据拿出来,组织成合理的形式,最后给你。这就是动态网站。
而静态网站就像地铁站派发的免费报纸,每个路过的人都可以抽取一张,内容已经排版好了,不需要花费太多人力来维护。
从这两个比喻里,可以看出两者的优势和不足。
首先,在地铁站可以派发报纸(精简的内容),但如果派发的是一整本书籍,那么对于路人(网站访客)来说,是不小的数据负担。而动态内容的网站就可以选择性地抽取一些数据发送给访客。
其次,静态网站要部署评论和提醒一类的服务,往往颇费工夫,而这个功能往往已经集成在一些动态建站工具里了,例如 wordpress。
但是,如果一个网站要接收访客提交的信息,就必须做好安全措施,防止对方伺机进行攻击或者提交大量垃圾信息。
总体来说,像文章、博客、相册、实验性网页设计、个人 wiki 等类型的站点,如果不执著于接收评论,单页面的数据量也不太大,那么发布为静态网页是比较合适的。
什么是静态网页托管服务
由于托管静态网页的成本不算太高,很多公司都推出了免费托管服务。一般来说,这类服务会提供一个/多个二级域名和一些存储空间,把名为 index.html
的文件上传,访问那个域名就能直接看到该网页了。当然,也可以上传更多页面。
常用的服务有:
- netlify
- vercel
- github pages
- gitlab pages
- neocities
操作方式不尽相同,网上应该有很多教程,因此具体操作的部分就略去了,本指南仅作「指南」。
用哪些工具制作静态网页
手搓 html
难度:☆☆☆☆
像 90 年代那样手写 html 文件又有什么不好呢?互联网正在变得越来越臃肿,你所看到的花哨设计和功能,不少都仰赖复杂的 css 样式和 js 脚本,更有大量的「框架」在网页里塞入不必要的代码。
neocities 就是一个践行「返璞归真」有机手工网页制作的站点;除此之外,一种名为 brutalist design 的 网站风格也在悄然兴起。它们的共同目标是剥离现在互联网的重重「设计」糖衣和千篇一律的商业模板(如社交网络主页),复兴「个人站点」。
F12 视之,1 html, 1 css, 1 js 而已。
静态站点生成器
难度:☆☆☆☆
当网站的内容变多的时候,你可能需要一个「页面模板」来显示同一类内容,例如博客文章。手动把每个页面链接到目录太麻烦了,尤其是在频繁修改的情况下。另外,为了显示粗体而键入 <b></b>
这么一长串 html 标签,也相当累赘。
更好的办法是用脚本来自动生成这些 html 文件。这就是静态站点生成器发挥作用的时候了。
一般来说,可以用 markdown 等更精简的标记语言来写作网站内容,然后运行一个脚本,把它们全变成可以发布的 html。
比较常用的静态站点生成器有 jekyll, hexo, hugo, pelican 等等,大部分都需要使用者有一些编程知识。
(其实,如果要发表的内容多到了这个程度,直接使用 wordpress 也未尝不可,还能所见即所得编辑,不需要额外学习一套技能。)
超文本写作工具 (twine)
难度:☆☆
🚧 施工中
tiddlywiki
难度:☆☆☆
🚧 施工中
trilium
难度:☆☆
🚧 施工中
zim wiki
难度:☆☆
🚧 施工中