更新下最近博客前端修改的动态,方便读者了解近期动态,所以整理这份文档,在往后有其它内容更新也会在此这里记录。

文章目录(点击展开)

更换了博客主题

最近给博客换了个新主题,但是仅限桌面端的用户,手机端主题不变,依然是那个简洁主题。

新主题有暗色模式、海报功能、搜索按钮,排版更加精美,欢迎读者使用桌面设备访问。

博客一二事
海报生成功能,点击图中红色框位置即可生成

这篇文章就可以测试文末左下方的海报生成功能(仅桌面设备),顺便一提,该功能的触发条件有限,部分文章无法生成海报(点击无响应),有时间再研究一下哪里的问题。


增加 PDF 文件下载功能

似乎 PDF 下载成了互联网的一个趋势(PDF 文件广泛用于学术类网站),最近发现 Wikipedia 的词条页面加多了一个 PDF 文件下载按钮,无独有偶,在 WikiHow 的页面也发现 PDF 文件下载按钮,因为平常浏览这两个网站的次数并不频繁,所以不清楚具体是什么时候伊始有的。

编按:维基百科早前就提供页面打印功能,该功能可以将文件保存为 PDF,与后面的 PDF 文件下载功能有所不同(该功能仅限电脑页面)。

博客一二事
PDF 文件下载,方便桌面端用户离线阅读及本地收藏

因为后续考虑开启付费模式,所以这个 PDF 下载功能并不是使用接口的,是我后台本地上传的,用户点击任意文章右上角的 PDF 按钮(限制桌面端用户,本篇文章可以测试下载),就可以下载到我已经排好版的 PDF 文件(无反应就是该文章没有 PDF 文件),后续我可能会添加 EPUB 文件的下载按钮(限制手机端用户),方便手机端用户阅读。


增加字数统计

一开始是使用插件来统计文章字数的,但是 typecho 年久失修,文章字数统计不准,主要是因为平常写文章除了使用 markdown 语法外,也会使用 html 语法,特别是表格和 css 排版的,插件会把代码也统计进去,导致前端显示的统计数字特别大,如下图:

博客一二事
初版文章字数统计,文章统计数值偏大

后来改用通用代码统计形式,但是发现代码也不能完整的修正数值偏大的错误,譬如文章存在特殊字符或者类似代码的字符,结果要么被忽略要么被统计进入,所以调整统计的输出结果,分别为中文、数字、英文、字符,并设置不强制前端输入数字统计(改为手动输入),比如这篇文章你就看不到统计字数,因为我没有填写数值(1 万字数)。

博客一二事
修改版文章字数统计,文章统计数值接近正常


图片格式更换为 webp

webp 是谷歌早年推出的一个图片,压缩率更高,国内网站基本都启用这个格式了。换成这个格式原因有两个,一是为了减轻服务器压力,二是加快读者打开网页的速度。

本篇文章的所有图片便是采用了 webp 格式,你可以右键下载看看。


新增加密文章

博客一二事
获取解锁文章密码需要扫描文末左下方的赞赏码

这是付费模式的其中一种方案,因为我本身也是反感强制付费的文章,但是内容也是需要人力和时间成本的,所以我想出了这么一个折中的方案,读者需要打开赞赏码查看密码,至于最后赞不赞赏,完全看读者本身,不会有强制消费的操作。


开启咖啡计划

陆续看到其它博主也做会员方案了,我个人也是比较支持内容变现的,感兴趣的点击这里了解。