写了一个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/...

相关文章
相关标签/搜索