维护日志

2019/11/02.

2019.11.02 评论系统切换到 utterances

在网站上灰度测试了一下 utterances，感觉良好，比 gitment 好。

花了一晚上，从 gitment 迁移到了 utterance。

2019.11.13 上线“标记过时”的功能

有一些文章的内容已经过时了，但是搜索引擎仍然继续吸引访问者前来查看，这让我有一些心虚。

删是不可能删的，毕竟是我当时辛辛苦苦写的，且也没有说错什么，只是时过境迁，内容已经不再准确罢了。但本着为读者负责，还是得做一些必要的警示，否则把人带坑儿里会遭骂的。

于是给文章的元数据加了一个 outdated 变量，凡是 outdated 为 true 的文章，则：

文章列表页，该文章的标题有删除线；
该文章正文页，标题有删除线；
该文章正文页，会有“已被标记过时”的警告。

如图：

2019.12.07 显示“评论加载中”

评论系统 utterances 有点时候加载慢了或加载失败，就会显示空白，成这样：

找了下 utterances 的文档，应该没有配置显示“加载中”的方法。

这是一个很小的功能，就是在评论加载之前先展示“评论加载中”的字样，监听到评论加载好了之后就把字样去掉。想着自己加一下这个小功能应该不难，于是操起了一万年没碰过的 JS 开始捣鼓。

可没想到事情比想象的要麻烦，utterances 是新建一个 class 为 utterances 的 div，再在其里面创建一个 iframe 显示评论，卡是卡顿在 iframe 加载内容的过程中，而 iframe 和主站又不是同源的，受跨源限制，所以 JS 不能监听到 iframe 里元素的变化，蛋疼了。

退而求其次搞了一个 tricky 的操作，因为 iframe 加载好之后，class 为 utterances 的 div 会追加一个 style 来控制高度，所以思路是监听这个属性变化来适时删除“加载中”的字样。

捣鼓了好久才跑通，JS 真的不大会了。但最后的效果还是不错的：

有些篇幅很长的文章，只在首尾各放一个广告，感觉有点亏。但是手动添加更多的广告单元，又有点麻烦。

Google AdSense 的自动广告此前一直是被我关掉的，因为那时候自动广告就是一个简单的开关，打开之后就望天收，具体什么地方会被插入自动广告，要等广告真正展示出了才知道。我试着开过一次，因为破坏了页面的效果，马上就被我关了，弃之如敝履。

不过最近 Google AdSense 的自动广告升级了，可以实时预览自动广告的展示效果：

预览的效果还是可以的，决定打开试试，看看实际展示效果如何，以及会不会真的提高收入。

万恶的我呀。

遭不住遭不住，自动广告太猛了，变成充斥广告的大粪坑了。

而且自动广告的预览功能简直是在骗人，预览时说只添加四五个广告，实际添加的广告位要更多，我截了个图留做证据：

图中左边是预览时显示的广告位，有 6 个，右边是实际展示时的广告位，有 9 个，骗人么这不是。

我尝试假装读者，读一篇试试，发现阅读沉浸其中时，视线中出现了图片，大脑需要一两秒中来判断这是插入的广告还是正文的内容，虽然时间短暂，但阅读的思路就被打断了，这样的体验实在糟糕。

还是把自动广告关掉吧，不喜欢这样，为了这点广告费不值当。

2019.12.27 文章列表显示评论数

加了个接口，在列表页展示每个篇文章对应的 issue 的评论数。

本身没啥难度的， JS 代码基本上就是抄之前做的显示文章浏览数的功能，但是不知道为什么，好像影响了显示“评论加载中”的功能，明明两个功能八竿子打不着的。

猜测之前“评论加载中”用的页面变化监控逻辑不够稳定，决定换个思路，使用定时器实现，虽然逻辑不够优雅，但是简单多了。

2020.01.06 支持 noindex 标记

支持在文章信息里添加 noindex = true，有这样的标记的文章会阻止搜索引擎将其编入索引。

一是在 header 里添加 <meta name="robots" content="noindex">，见《使用“noindex”阻止搜索引擎将您的网页编入索引》。

二是在正文开始前给出明显的警告：

目前为止，已经有三种方式让文章变相地“消失”了：

标记 leave_home：不在主页列表里出现；
标记 outdated：警告读者文章内容已经过时；
标记 noindex：阻止搜索引擎收录。

2020.03.11 添加备案号

貌似大家都不喜欢在自己网站上悬挂备案号的，我以为这就是个无关痛痒的事，爱弄不弄，直到今天收到了阿里云的警告邮件才知道，原来这玩意儿搞不好是要被罚款的：

根据《非经营性互联网信息服务备案管理办法》（原信息产业部令第33号令）规定，非经营性互联网信息服务提供者应当在其网站开通时在主页底部的中央位置标明其备案编号，并在备案编号下方按要求链接信息产业部备案管理系统网址，供公众查询核对；如果未在其备案编号下方链接信息产业部备案管理系统网址的，由住所所在地省通信管理局责令改正，并处五千元以上一万元以下罚款。

查了一下，确实有白字黑字的条令，节选自《中华人民共和国信息产业部令第 33 号》：

第十三条　非经营性互联网信息服务提供者应当在其网站开通时在主页底部的中央位置标明其备案编号，并在备案编号下方按要求链接信息产业部备案管理系统网址，供公众查询核对。非经营性互联网信息服务提供者应当在其网站开通时，按照信息产业部备案管理系统的要求，将备案电子验证标识放置在其网站的指定目录下。

第二十五条　违反本办法第十三条的规定，未在其备案编号下方链接信息产业部备案管理系统网址的，或未将备案电子验证标识放置在其网站指定目录下的，由住所所在地省通信管理局责令改正，并处5千元以上1万元以下罚款。

得，我弄还不行嘛：

2020.05.25 加载评论时显示备用链接

不知道为啥，今天访问 utterances 总是失败，于是加载页面时一直卡在“评论加载中”。于是加了一个备用链接，是在不行可以直接打开评论。

今天有了解到一种新的图片格式 WebP，由 Google 退出，压缩率惊人，已被很多大厂采用。但 mac 上尚不原生支持查看 WebP 类型的文件，不大方便，决定先观摩观摩，小范围试一下，上图就是 WebP 图片。

// 后记：果然有人提出质疑了，见《Is WebP really better than JPEG?》，结论是“如果使用 MozJPEG 编码器而不是 libjpeg，WebP 格式几乎没有优势”，所以再观摩下吧。