Hyrule, 基於github的博客+圖牀管理工具

本篇博客就在Hyrule下完成。

請先參考, 自動部署基於issues的靜態博客, 再配合Hyrule食用。

開發原因

以前一直用issues來寫博客, 使用acyory和plugin完成博客搭建. 對我來講已經算很方便, 我只須要打開github便可寫本身的博客。

可是有些不足點就是：

• 沒法保存草稿
• 雖說有markdown preview, 可是寫做體驗不太好, 我通常都在本地編輯器寫完後放到issues
• 圖片雖然能夠直接上傳到github, 可是上傳後沒法管理
• 博客管理起來不夠直觀

後面找到了picgo, 再配合plugin, 能夠很好的把github當作圖片, 而且在博客中使用。

目前須要解決的點就剩下寫做體驗和博文管理。

有因而乎就有了Hyrule這個App。

功能介紹

圖片管理

picgo是個很強大的圖牀工具, 能夠經過本身編寫插件來完成不一樣站點的圖牀管理。

但對於我本身來講, 我須要的只是github, 雖然已有插件支持github圖片同步, 可是對我來講遠不夠。

多圖牀管理

在Hyrule中, 管理圖片是個很簡單的事情, 無論是private仍是public，只須要添加對應的圖牀repo便可。並且能夠很方便的切換不一樣圖牀。可是private有一點不足的是，它沒法分享，以及獲取的時候會稍慢，這是跟github有關，後續講開發經歷時候再詳細說。

文件夾管理

除了支持多圖牀，還支持文件夾形式。

批量管理

支持批量上傳/刪除圖片，可是有一點不足的是，因爲git commit的問題，最終必須逐個上傳或刪除，但用戶操做上能夠支持批量操做。

更多功能

等待各位提feature request。

Issues管理

固然，這個功能不必定全部人都須要用到。

同步編寫預覽

內置vscode的monaco-editor，讓寫文章就跟寫代碼同樣方便。同時能夠同步預覽，可是同步滾動的話可能目前作的還不夠完美。

直接上傳圖片

其實picgo也有vscode的插件vs-picgo，其實就是在vscode粘貼圖片直接上傳到對應圖牀上，我很喜歡這個功能。

在Hyrul中，你能夠先上傳圖片到圖牀，而後複製其markdown格式連接粘貼在文章中。也能夠直接在編輯器中上傳，它會自動上傳到所選的圖牀中。（固然，前提是須要提供一個repo來作默認圖牀）

在編寫同時，也能夠同時瀏覽圖片。

保存草稿

當文章寫到一半，但又不想這麼快發佈的話，能夠保存到本地，下次繼續寫。

更多功能

等待各位提feature request。

結語

目前來講，這App已經知足我平常寫博客需求。

除了這點，我以爲最重要的是我的在開發過程當中的經驗積累，包括界面交互設計（雖然目前很醜）、功能設計、技術調研等等。

開發過程當中也遇到了很多問題，後續會寫一遍文章來記錄相關內容。

感謝

• picgo
• Lepton （界面參考、代碼參考）