资讯专栏INFORMATION COLUMN

写了一个hugo的博客客户端

wenzi / 919人阅读

摘要:博客客户端针对所做的文章编辑工具。传送门这里只是前端部分,使用构建。为了让图片更好地被访问,需要您事先配置好域名,这样图片在插入完毕提交到云端后可以直接通过域名访问。

Hugo 博客客户端

针对hugo所做的文章编辑工具。

目前做了mac && win版本。传送门https://github.com/jecshcier/...

这里只是前端部分,使用webpack + react + codeMirror构建。

基于cherry框架(自己集成了electron的一些通用接口),了解源码请移步https://github.com/jecshcier/...

主要功能

文章管理(新建、删除、编辑文章)

分类标签管理(新建、删除分类、标签、关键字)

图片插入

代码片段插入

一键生成静态文件

创建文章

选择好hugo的静态资源根目录后,可以选择对应的标签、类型、关键字创建文章,标签的创建见标签管理。

默认只会在hugo根目录/content/post目录下读取、创建文章。

标签管理

在创建文章时,需要选择标签,这些标签需要您手动创建,创建完成后,会自动生成配置文件名称为blog.config.js存在hugo根目录中。

插入图片

可以拖拽或者选择的方式选择您需要在文章中插入的图片(也可直接粘贴剪切板),图片会直接复制一份到hugo的静态资源目录下。

为了让图片更好地被访问,需要您事先配置好域名,这样图片在插入完毕提交到云端后可以直接通过域名访问。

一键生成静态资源

生成静态资源会执行hugo命令(需要您安装好hugo cli),将静态资源一件打包在public目录下。你就可以将public目录里的所有文件放到你想要放的地方去啦!

在系统设置 - hugo命令行位置中可以设置hugo cli的位置,mac下一般为/usr/local/bin/hugo,windows取决于hugo的安装方式,如不知道hugo安装在何处,可以使用where hugo来查看hugo所在的位置。

---待更新

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

文章版权归作者所有,未经允许请勿转载,若此文章存在违规行为,您可以联系管理员删除。

转载请注明本文地址:https://www.ucloud.cn/yun/106535.html

相关文章

  • Repractise架构篇一: CMS重构与演进

    摘要:重构系统是一项非常具有挑战性的事情。架构与说起来,我一直是一个党。如下图是采用的架构这与我们在项目上的系统架构目前相似。而这是大部分所不支持的。允许内容通过内容服务更新使用于是,有了一个名为的框架用于管理内容,并存储为。 重构系统是一项非常具有挑战性的事情。通常来说,在我们的系统是第二个系统的时候才需要重构,即这个系统本身已经很臃肿。我们花费了太量的时间在代码间的逻辑,开发新的功能变得...

    William_Sang 评论0 收藏0
  • 整理一下学习微服务springboot+springcloud+vue以来用到博客

    摘要:调用百度实现图像识别使用渲染导出的制作的超级炫酷的三维模型一个代码库本人本人浏览器调试及所有错误代码整合千峰超级好用的各种开发自学文档这是它对应的学习视频使用教程详细虚拟机安装系统详解版网易开源镜像站在线数据互转使 1.Java调用百度API实现图像识别 2.使用Three.js渲染Sketchup导出的dae 3.three.js制作的超级炫酷的三维模型 4.three.js - 一...

    gitmilk 评论0 收藏0
  • 整理一下学习微服务springboot+springcloud+vue以来用到博客

    摘要:调用百度实现图像识别使用渲染导出的制作的超级炫酷的三维模型一个代码库本人本人浏览器调试及所有错误代码整合千峰超级好用的各种开发自学文档这是它对应的学习视频使用教程详细虚拟机安装系统详解版网易开源镜像站在线数据互转使 1.Java调用百度API实现图像识别 2.使用Three.js渲染Sketchup导出的dae 3.three.js制作的超级炫酷的三维模型 4.three.js - 一...

    bluesky 评论0 收藏0

发表评论

0条评论

最新活动
阅读需要支付1元查看
<