坐井观天网

探索易于理解并实现的业余手工业创作技能

菜单
80

标签:工具 | 博客

设计我的新博客

我的博客现在是一个低科技网站,它的目标是降低阅读和维护网站内容时产生的人力和能源成本。

2016到2020年期间,我的博客先后使用了数个后端软件,其中使用时间最长的是我在2018年开始陆续制作的“那么的维基”软件,它是一个运行在服务器上的PHP脚本,从文章文件生成一种经典的方块造型页面,并在其中附加了动态信息以及附加的符号和格式。功能的逐渐增加使其变得臃肿、运行缓慢,同时降低了我继续维护它的动力。那么的维基允许我在浏览器中登录并直接建立和编辑文章、修改任务列表、访问多媒体附件、搜索文件等。但这些功能的实现和存在仅仅是因为“我可以实现它们”,而并不是我建立的博客的目标。而到最后我所需要的仅仅是一个传达图文信息的窗口。

我的博客自建立以来积累了相当多不同类型的文章,由于缺乏一致整理方式,文件开始变得难以导航,过时的信息难再返回标注。此前站点的全部内容已经保留为存档,我将适时将之前的一些文章迁移到新的博客组织体系里。

目前新博客的后端工具还没有一个合适的名字,暂时就叫“新一代那么的维基”好了。

重新思考它的理念

时刻编辑并不是一个合理的需求,它要求服务器能够处理复杂的文件操作,在浏览器里还需要制作专门的界面,相比一个静态页面的服务,这样的需求大幅增加了复杂度。那么的维基的时刻编辑功能只在那些卧床抠手机编写地摊文学的场景里发挥了显著的功效,但许多情况下这些文章仍然首先被储存为草稿,因此在就呈现而言,那与第二天起来复制到计算机上再发表没有本质区别。因此,一个静态生成的博客是更合适的选择。静态博客的另一个好处是,网页文件可以直接离线查看而不需要额外的Markdown格式转换。

那么的维基采取了页面尺寸缩减原则,该原则仍然适用于这个低科技博客。此前的设计里,样式表累计了大量的内容,但全部通过HTML内联方式传输,因此每个页面都会重新传输一个样式表副本,这显著增加了带宽负担。带有边框、纹理样式等的页面设计为布局带来了额外困难,因为这些几何元素难以在总体上达到与内容和页面边缘之间的视觉平衡,为做到这一点需要非常细致的调节以及为不同类型的内容区别规划,而这几乎没有促进文字信息本身的阅读理解。

除了减少那些花边装饰以外,一个更加重要的问题却是思考页面上到底要出现什么。我建立那么多二级索引究竟处于什么考虑?博客不是个词典,因此它的内容显然不可能多到在一个列表中无法查找。此外,不需要在各个地方都插入介绍性质的摘要。如果读者需要作者插入一个无关紧要的摘要才能理解某个清单到底归纳了什么内容,那么需要重新考量的应当是这些内容的传达形式。

博客不是个词典,因此它的内容显然不可能多到在一个列表中无法查找。

经过对归档和回忆模式的分析,这个博客的文件将完全按照日志格式整理,没有任何一个页面在组织结构上是特殊的,一些在观念和逻辑上独立出来的页面将通过索引页上的链接呈现,因此导航不存在问题。属于某个工程的一系列文章在逻辑上从属于某个大的分类,在现在的组织结构中它们将作为含有同一标签的一组并列文章,但这种组织方式不应造成在标签内导航的困难,跳转的结构必须显著。

我需要减少碎片化的文章的数量:它们中的任何一个都可以扩展为深入的探讨,而由于数字编辑的便利,绝大多数情况下没有发生有意义的讨论。一个生成并同步的附加步骤在形式上增加了未加分析的内容流出的难度,事实上主动执行这一评估标准本身是第一位的。

这个网站是如何制作的

我采用Python直接编写生成网站的脚本。没有使用现有的静态站制作工具,这里的原则是我需要能够尽可能完全理解我所用的工具的行为。事实上我所需要的功能十分简单:将目录中的Markdown文件转换为HTML,添加合适的外围内容,同时转移图片等资源。未来可能会实现一个RSS功能,但就我播客内容的长度来看这几乎是完全不必要的,但即使是这样的功能也非常简单,以至于整个脚本很快就能编写和调试完成。将来若出现可以直接美观阅读和导航Markdown文本文件的浏览器,则无需再进行原文件到HTML网页的转换。

为降低视觉疲劳,新的设计使用了经典的Solarized明亮配色,页面布局和文字样式主要照抄借鉴了Kris De Decker的太阳能低科技杂志网站1,它页面的默认打印样式非常耐看,同时节省纸张,我将页面和打印的样式进行了修改以更适合汉字的视觉密度(原有的尺寸对于汉字打印而言太小了)。此外,从那里我还了解到了一些以简化哲学作为工作指导的个人,以及它们的网站,类似于Simplifier等,我在观念上从他们那里借鉴了一些的信息组织结构。

为了方便打印和归档,文章需要有一个显著的顺序编号,因此在每页的右上角附加了静态索引信息,这使其在按照分类和日期归档时都要容易查找2

由于需要压缩图像,我采用了与太阳能低科技杂志网站用样的图像抖动方法,涉及到使用Python的Pillow库以及hitherdither脚本。直到我获得了视觉上更美观同时并不显著增加图像尺寸的抖动方法之前我都会继续着么做。另外的一些常见做法是使用桌面图像处理软件手动加工并以色板索引模式储存为PNG图像,两种方法都是可行的,但使用自动脚本就不需要在内容准备上花更多时间。

附加制作了一个将ASCii符号绘画转换为SVG示意图的小脚本,基本原理来自MarkDeep,但是没有它那么复杂的功能,我的脚本能完成一些框线、箭头、圆角的功能,足够进行简单的示意图绘制。

生成这个博客的脚本现在已经公开,我在单独的一篇文章里记录了它的使用方法。

我的网站目前仍然托管在西部数码的一个免备案主机上,在国内目前这是最方便的托管手段,其他诸如自建服务器等解决方案不适应当下的状况。如果条件允许,改善主机的能源消耗将是水到渠成的。

也可以看看

评论 (0)

要评论,请发送邮件到xp8110@outlook.com


  1. 太阳能低科技网站的页面设计和开发由 Marie Otsuka 和 Roel Roscam Abbing 等完成,在关于页面可以找到该网站的设计和制作信息。 

  2. 这么做的主要效果是回避了相对页码。索引将变得与打印批次无关,同时允许将某些文章整体抽离并重新归类为所需的顺序而无需影响目录。另外,HTML打印时页码不容易布局,而且符合排版需要的页码需要更多复杂的脚本逻辑才能实现,在这一点上得不偿失。