博客理念杂谈

前些天看了 HEO 的一篇文章,在这篇文章中他介绍了一些博客设计理念,主要从搭建博客的目的、用户来源和用户体验进行分析。HEO 的博客日访问量比较大,从这些方面考虑进行博客设计无可厚非。然而,像我这样的小博客,也许并不需要考虑用户的来源,也没必要根据搜索引擎做 SEO 优化,说实话,我不希望自己的博客被搜索引擎收录。
简
在我看来,博客是一个图文内容的输出平台。至于为什么只有图文而不包括视频,就需要提到我博客设计的首要理念:简。视频有专门的网站可以托管,例如 Bilibili 和油管,我博客的定位,只是分享日常生活中的一些事,一些想法。这些事和想法可能是零碎的,或者某个瞬间突然产生的,并不具备录成视频的条件。再说了,如果我想拍 Vlog,我会上传到 Bilibili,然后在博客中插入它的链接,而不是直接引入它。
“简”的理念其实是基于需求的,我不在博客中插入视频,是因为我没有这个需求。除此之外,我的博客也没有添加 Live2D 模型和即时聊天模块,也没有加入很多加载动画。每次更新一项功能时,我都在问自己:“我对这项功能真的有必要的需求吗?”不根据实际需求在博客中胡乱堆砌功能,只会造成博客卡顿,对所有浏览者都不好。静态博客还好,一些 WP 站点我打开就疯狂掉帧,根本没有继续浏览的欲望。
“简”的理念也是我选择 Hexo 静态博客的原因,虽然这种框架的博客配置起来比较复杂,写文章也比较麻烦,但最终的成品我很满意。也许有些人搭建博客只是为了玩玩,但我是真的把博客当成了自己重要的空间,我会不断去优化和维护它,因此我并不觉得使用这一套框架写文章有多么麻烦。
细节的处理
我是个有轻微强迫症的人,所以比较在乎一些难以察觉的小细节。就以段落排版为例,我看过很多博客都在使用左对齐,其实左对齐存在一个弊端:右侧文字量明显少于左侧,会感觉左重右轻。我的博客段落全部使用两端对齐,但两端对齐也有一个缺点,在中英文混排的段落里,两端对齐会拉伸文字(如下图)。如果博客文章以中文为主,就像我的博客,那么选择两端对齐阅读观感会比较好,如果博客中存在大量英文,例如程序员博客,那么还是尽量选择左对齐吧。
统一的边距、阴影和配色方案也是细节的展现。细心的小伙伴肯定发现了,我的博客中所有阴影和圆角大小都是统一的,配色也是统一设置的,就连 Twikoo 评论也被我强行魔改成了粉色。这种统一的设计会给人严谨的感觉,单个站点还不是很能体现,假如有一系列站群,用的都是统一的设计,绝对可以感受到设计者的严谨。其实我有三个网站,分别是主页、博客和网盘,它们的设计几乎是一致的,可能也是因为我有强迫症吧。
这种理念在产品设计中更常用,一套产品的 UI 应当是一致的。我之前在校内社团的一个宣传部门担任组长,经常做一些设计,如果是一个系列的材料,我会尽量做到风格统一。说起这个,大一的时候我面试人文学院的设计部,还被学姐 Pass 了,原因是我在无领导小组讨论中发挥不足,真的很好笑,设计和无领导小组讨论是怎么扯上关系的?为什么我们面试需要进行无领导小组讨论?
前年人文学院举办第九届逻辑大赛,这个赛事所有的宣传材料都由我来负责,那一届的宣传得到了好评。去年第十届因为没空,宣传材料让学院设计部包了,结果做的成品差点审批都过不了。设计部可不止一个人,一群人能做成这种水平我也不想说什么。
我做的海报和这个入场券的风格差不多,是基于“逻辑”概念做的,源文件找不到了。再看看去年设计部做的海报,审批差点没过也不是没原因(至今仍对设计部 Pass 了我耿耿于怀)。
快速
这个理念应该是所有网站都需要考虑的,一个网站打开的时间长于五秒,访客大概率就流失了。这也是我为什么选择静态博客的原因,动态博客再怎么优化,也需要后台处理,同等条件下静态博客的响应速度肯定比动态博客快。
其实静态博客不需要资源分离,但为了能让我的博客响应更快,我博客中所有的资源都做了分离处理。公共的 CSS 和 JS 文件我用字节或 360 提供的 CDN 引入,例如 jQuery、Twikoo、FancyBox 等;博客所有的图片存在 Bilibili 图床;页面文件通过 Vercel 或 Zeabur 平台托管;只有 Twikoo 评论托管在我自己的服务器。这样分离的好处是对我博客的请求能平分给每个服务器,公共 CDN 只需要提供 CSS 和 JS 文件,Bilibili 只需要提供图片。当然,这么做的前提是资源所在的服务器的响应都比较快,如果博客的页面由 Github Page 托管,那进行分离的效果就微乎其微了。
这么折腾进行文件分离,主要原因还是自己没钱,东嫖一点西嫖一点,试过许多坑才找到了一套比较不错的方案。有些人推荐使用 CDN 进行加速,说实话,这个需要慎重考虑,特别是国内的 CDN 平台。对 CDN 进行盗刷是非常容易的一件事,CDN 最常见的防御是防盗链、QPS 限制和封顶限制。防盗链可以通过伪造 referer 请求头破解;QPS 限制如果过低,自己访问网站都成问题;而封顶限制,国内一些平台的触发时间是五分钟(腾讯云和多吉云都是这样,阿里云没用过),这意味着如果五分钟内 CDN 被盗刷,它是不会关闭的。对于 CDN 被盗刷产生的金额,国内的平台一般不支持免除。这里可以举个例子,假如 QPS 限制是 100,CDN 里的一个文件大小是 100KB,那么五分钟别人可以刷 100 × 60 × 5 × 100 = 3000000KB = 3GB 的流量。如果 CDN 里面有一张 5MB 的图片,流量还需要翻 50 倍。
关于博客理念的话题就聊这么多吧,其实我自己也没想好怎么写,还有挺多想说的,但又觉得没必要。通过博客也能看出一个人的性格,或许有时我挺正经的,对一些小细节吹毛求疵,如果我把这正经用在学术上,还愁毕业论文写不出来吗!可恶的毕业论文,看我怎么收拾你!