尝试 Hexo 转小程序

背景

最近,看到有朋友在讨论 Typecho 的小程序版 WeTypecho,看了下效果还可以。心里想着,那 Hexo 是不是也可以?可惜翻遍了谷歌和度娘以及 GitHub,没有找到合适的,该不会是 Hexo 凉凉了吧?

没有轮子没关系,那就自己造咯,所以就有了本篇博文。

如何实现

Hexo 是一个纯静态的博客,如果有什么插件能够在每次执行 hexo g 的时候,生成一份接口化的数据,一个伪后台就基本实现了。小程序说白了就是个前端,只要调「伪后台」的数据,并展示给用户即可。

恰好,yscoder/hexo-generator-restful 这个插件就能基本满足要求,可以生成 Restful 风格的 json 数据。转小程序另外一个麻烦的点,在于怎么将 HTML 或者 Markdown 内容转成小程序可识别和渲染的 WXML 格式内容。

目前看来,有三种实现方式,一个是小程序原生的 rich-text,一个是使用 icindy/wxParse 解析,另外一个则是 sbfkcel/towxml。恰好这三种我都试用了,最后选用了第三种,主要是因为渲染出来比较美观。

改进点

大概有以下几点吧:

  1. UI 方面可以改得适合大众审美一点
  2. yscoder/hexo-generator-restful 转 HTML 内容时,图片链接需要修复
  3. 文章内插代码等样式问题

不过,我已经不打算继续折腾下去了。因为我突然觉得没什么意义,当时用 Hexo 来搭博客的一个原因,就是想化繁为简,轻松码字。

将 HTML 内容搬到微信小程序上,确实要做太多的事情了,与其花费这些时间,不如整理整理博客内容发微信公众号。另外,非常欢迎扫描文章末尾的公众号关注我的垃圾公众号。

目前,代码托管在 HunterXuan/WeHexo ,就当是抛砖引玉了,欢迎有兴趣的人继续填坑。

Demo