寫了一個hugo的博客客戶端

Hugo 博客客戶端

針對hugo所作的文章編輯工具。前端

目前作了mac && win版本。傳送門https://github.com/jecshcier/...react

這裏只是前端部分,使用webpack + react + codeMirror構建。webpack

基於cherry框架(本身集成了electron的一些通用接口),瞭解源碼請移步https://github.com/jecshcier/...git

主要功能

  • 文章管理(新建、刪除、編輯文章)
  • 分類標籤管理(新建、刪除分類、標籤、關鍵字)
  • 圖片插入
  • 代碼片斷插入
  • 一鍵生成靜態文件

1

2

建立文章

選擇好hugo的靜態資源根目錄後,能夠選擇對應的標籤、類型、關鍵字建立文章,標籤的建立見標籤管理。github

默認只會在hugo根目錄/content/post目錄下讀取、建立文章。web

3

標籤管理

在建立文章時,須要選擇標籤,這些標籤須要您手動建立,建立完成後,會自動生成配置文件名稱爲blog.config.js存在hugo根目錄中。windows

4

插入圖片

能夠拖拽或者選擇的方式選擇您須要在文章中插入的圖片(也可直接粘貼剪切板),圖片會直接複製一份到hugo的靜態資源目錄下。框架

爲了讓圖片更好地被訪問,須要您事先配置好域名,這樣圖片在插入完畢提交到雲端後能夠直接經過域名訪問。electron

一鍵生成靜態資源

生成靜態資源會執行hugo命令(須要您安裝好hugo cli),將靜態資源一件打包在public目錄下。你就能夠將public目錄裏的全部文件放到你想要放的地方去啦!工具

在系統設置 - hugo命令行位置中能夠設置hugo cli的位置,mac下通常爲/usr/local/bin/hugo,windows取決於hugo的安裝方式,如不知道hugo安裝在何處,能夠使用where hugo來查看hugo所在的位置。

---待更新

github地址:
https://github.com/jecshcier/...

相關文章
相關標籤/搜索