Hyrule, 基于github的博客+图床管理工具

本篇博客就在Hyrule下完成。

请先参考, 自动部署基于issues的静态博客, 再配合Hyrule食用。

开发缘由

之前一直用issues来写博客, 使用acyoryplugin完成博客搭建. 对我来说已经算很方便, 我只需要打开github即可写自己的博客。

但是有些不足点就是:

  • 无法保存草稿
  • 虽然说有markdown preview, 但是写作体验不太好, 我一般都在本地编辑器写完后放到issues
  • 图片虽然可以直接上传到github, 但是上传后无法管理
  • 博客管理起来不够直观

后面找到了picgo, 再配合plugin, 可以很好的把github当做图片, 并且在博客中使用。

目前需要解决的点就剩下写作体验和博文管理。

有于是乎就有了Hyrule这个App。

功能介绍

图片管理

picgo是个很强大的图床工具, 可以通过自己编写插件来完成不同站点的图床管理。

但对于我自己来说, 我需要的只是github, 虽然已有插件支持github图片同步, 但是对我来说远不够。

多图床管理

Hyrule中, 管理图片是个很简单的事情, 不管是private还是public,只需要添加对应的图床repo即可。而且可以很方便的切换不同图床。但是private有一点不足的是,它无法分享,以及获取的时候会稍慢,这是跟github有关,后续讲开发经历时候再详细说。

文件夹管理

除了支持多图床,还支持文件夹形式。

批量管理

支持批量上传/删除图片,但是有一点不足的是,由于git commit的问题,最终必须逐个上传或删除,但用户操作上可以支持批量操作。

更多功能

等待各位提feature request

Issues管理

当然,这个功能不一定所有人都需要用到。

同步编写预览

内置vscodemonaco-editor,让写文章就跟写代码一样方便。同时可以同步预览,但是同步滚动的话可能目前做的还不够完美。

直接上传图片

其实picgo也有vscode的插件vs-picgo,其实就是在vscode粘贴图片直接上传到对应图床上,我很喜欢这个功能。

Hyrul中,你可以先上传图片到图床,然后复制其markdown格式链接粘贴在文章中。也可以直接在编辑器中上传,它会自动上传到所选的图床中。(当然,前提是需要提供一个repo来做默认图床)

在编写同时,也可以同时浏览图片。

保存草稿

当文章写到一半,但又不想这么快发布的话,可以保存到本地,下次继续写。

更多功能

等待各位提feature request

结语

目前来说,这App已经满足我日常写博客需求。

除了这点,我觉得最重要的是个人在开发过程中的经验积累,包括界面交互设计(虽然目前很丑)、功能设计、技术调研等等。

开发过程中也遇到了不少问题,后续会写一遍文章来记录相关内容。

感谢