更新内容

• 加上一个启动失败的错误引导。
• 修复好博客导航数据没有分页的问题。
• 修改好博客导航页面布局，页面更美观。

扫码进群交流

功能预览

相关链接

• 下载地址：https://github.com/gaoyoubo/hexo-client/releases/tag/v1.3.1
• 使用帮助：https://www.mspring.org/2018/11/29/HexoClient%E4%BD%BF%E7%94%A8%E5%B8%AE%E5%8A%A9/
• 提交问题：https://github.com/gaoyoubo/hexo-client/issues/new
• Github: https://github.com/gaoyoubo/hexo-client
• Gitee: https://gitee.com/gaoyoubo/hexo-client

更新内容

• 修复检查更新提示错误。#64
• 修复Windows系统下的一个样式错误。#65

功能预览

相关链接

• 下载地址：https://github.com/gaoyoubo/hexo-client/releases/tag/v1.3.1
• 使用帮助：https://www.mspring.org/2018/11/29/HexoClient%E4%BD%BF%E7%94%A8%E5%B8%AE%E5%8A%A9/
• 提交问题：https://github.com/gaoyoubo/hexo-client/issues/new
• Github: https://github.com/gaoyoubo/hexo-client
• Gitee: https://gitee.com/gaoyoubo/hexo-client

更新内容

• 修复阿里云oss图片上传后url不正确的问题。#60
• 支持一键调用hexo generate -d命令发布文章，thanks EVINK
  

功能预览

相关链接

• 下载地址：https://github.com/gaoyoubo/hexo-client/releases/tag/v1.3.0
• 使用帮助：https://www.mspring.org/2018/11/29/HexoClient%E4%BD%BF%E7%94%A8%E5%B8%AE%E5%8A%A9/
• 提交问题：https://github.com/gaoyoubo/hexo-client/issues/new
• Github: https://github.com/gaoyoubo/hexo-client
• Gitee: https://gitee.com/gaoyoubo/hexo-client

本次更新内容

• feature：支持hexo特性front-matter #32 #38
• bugfix：修复一处RCE(任意代码执行)漏洞 #35
• 升级electron 到最新版本
• 升级webpack到最新版本，解决老版本漏洞问题

功能预览

相关链接

• Github: https://github.com/gaoyoubo/hexo-client
• Gitee: https://gitee.com/gaoyoubo/hexo-client
• 下载地址：https://github.com/gaoyoubo/hexo-client/releases/tag/v1.2.6
• 使用帮助：https://www.mspring.org/tags/HexoClient/
• 提交问题：https://github.com/gaoyoubo/hexo-client/issues/new

简介

HexoClient是一款跨平台的Hexo管理工具。

项目地址：https://github.com/gaoyoubo/hexo-client

QQ群

欢迎加入HexoClient用户群交流。

• QQ群号：618213781
• QQ群二维码

项目背景

我是从2011年开始写博客，在早期的时候wordpress、zblog、emlog等开源的博客程序都是用过。但是本着生命在于则疼的原则，后来我自己使用Java写了个简单的Blog程序( https://gitee.com/gaoyoubo/mlog ) 将其托管在阿里云服务器上。但是后面觉得为了一个博客单独买一台服务器成本比较高，所以后来改用Hexo+Github Pages，这样每年基本只需要几十块钱的域名费用即可。开始使用Hexo的时候也只是按照常规方式使用，后来了解到了electron框架，所以决定利用electron来为hexo写一个客户端。开始完全是为了自用，开源出去之后反响还不错，收到很多hexo博客党的反馈。

使用帮助

阅读前提

本文不会讲解如何安装、配置、使用Hexo，所以阅读前请确保掌握以下技能。

• 能独立安装使用Hexo
• 能够正确的将Hexo部署到GitHub Pages
• 熟练掌握markdown语法
• 了解基本的Git用法

安装

第一步

首先安装hexo

1
2
3
4
5

npm install hexo-cli -g
hexo init blog
cd blog
npm install
hexo server

第二步

去Hexo的产品发布页( https://github.com/gaoyoubo/hexo-client/releases )下载你对应平台的安装包进行安装。

第三部

成功安装后打开程序会要求弹窗要求填写Hexo项目路径，该路径就是第一步通过hexo init blog创建的博客路径。正确配置路径之后即可愉快的使用HexoClient。

利用Travis-CI实现自动部署

原理概述

我在Github上创建以下两个项目：

• blog.mspring.org 该项目开启GitHub Pages用来存放hexo deploy之后的静态网页
• blog-source 该项目用来存放我的hexo原始项目（也就是你通过hexo init创建的工程）
  然后我们利用Trvais-ci，进行自动构建和发布。当Travis-ci监控到blog-source有新的提交记录，那么会自动执行脚本将更新发布到blog.mspring.org。

使用Travis-CI自动发布

第一步：生成access token

进入Github个人主页，找到：Settings -> Developer settings -> Personal access tokens，然后取Generate new token，参照下图配置即可。

这里生成的Token，接下来会用到，请先妥善保存好。

第二步：注册并开启Travis-CI项目构建

使用 GitHub账户登录 Travis-CI官网 ，进去后能看到已经自动关联了 GitHub 上的仓库。这里我们选择需要启用的项目，即 blog-source。然后点击后面的Settings进入设置界面。

第三步：配置Travis-CI自动构建

进入设置界面后可以参考我的配置：

配置主要注意一下两点即可：

• Build pushed branches

当分支收到新的push之后构建

• Environment Variables -> GH_TOKEN

GH_TOKEN，是我们第一步在github中生成的access token，因为要从github上将代码拉到travis-ci机器上进行构建，所以需要该token授权。

第四步：配置hexo的_config.yml

因为我们的博客托管在github pages，所以我们是以git的方式进行deploy的，hexo如何配置使用git方式进行deploy，请自行Google。下面截取了我的_config.yml文件中关于git deploy配置的片段。

1
2
3
4
5
6
7

# Deployment
## Docs: https://hexo.io/docs/deployment.html
deploy:
- type: git
  # 下方的GH_TOKEN会被.travis.yml中sed命令替换
  repo: https://GH_TOKEN@github.com/gaoyoubo/blog.mspring.org.git
  branch: master

第五步：配置构建脚本.travis.yml

在hexo项目的根目录创建.travis.yml文件，该文件就是travis的构建脚本，下面是我的脚本配置，我会在脚本中详细注释每一步的作用。

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35

# 指定语言为node_js，nodejs版本stable
language: node_js
node_js: stable

# 指定构建的分支
branches:
  only:
    - master

# 指定node_modules缓存
cache:
  directories:
    - node_modules

# 构建之前安装hexo-cli，因为接下来会用到
before_install:
  - npm install -g hexo-cli

# 安装依赖
install:
  - npm install

# 执行脚本，先hexo clean 再 hexo generate，会使用hexo的同学应该不陌生。
script:
  - hexo clean
  - hexo generate

# 上面的脚本执行成功之后执行以下脚本进行deploy
after_success:
  - git init
  - git config --global user.name "GaoYoubo"
  - git config --global user.email "gaoyoubo@foxmail.com"
  # 替换同目录下的_config.yml文件中GH_TOKEN字符串为travis后台配置的变量
  - sed -i "s/GH_TOKEN/${GH_TOKEN}/g" ./_config.yml
  - hexo deploy

使用HexoClient管理你的文章

• HexoClient在启动之后选择好hexo安装的目录，会自动读取Hexo目录中的文章。
• HexoClient中支持新建、修改文章，新建修改文章之后点击发布按钮能够将文章更改提交到git，并自动通过travis自动发布。（前提是按照上面步骤配置好）
• HexoClient支持七牛图片上传，七牛10G存储空间，每月10G流量免费，可以自行注册配置七牛，配置好后将七牛的ak、sk、bucket、域名配置到HexoClient中

常见问题

• 出现莫名其妙的未知错误怎么办

在菜单栏中找到：查看 -> 切换开发者工具，将开发者工具打开，然后看控制台是否有错误，如果有错误将错误信息copy出来，点击这里提交问题：https://github.com/gaoyoubo/hexo-client/issues/new

• Hexo中有文章，但是打开之后却显示空白

HexoClient的数据加载是完全依赖于Hexo的，所以在打开HexoClient之前要确保你的Hexo是install成功的。

HexoClient更新记录

v1.3.2 (2019-08-26)

• 新增好博客导航功能，搜集和推荐优质技术博客（欢迎自荐和推荐优质博客）
• 添加QQ交流群（QQ群：618213781）

v1.3.1 (2019-08-12)

• 修复检查更新提示错误。#64
• 修复Windows系统下的一个样式错误。#65

v1.3.0 (2019-08-02)

• 修复阿里云oss图片上传后url不正确的问题。#60
• 支持一键调用hexo generate -d命令发布文章，thanks EVINK
  

v1.2.9 (2019-07-19)

• 支持草稿功能
• 支持检查更新功能
• 修复创建文章时ctrl+s多次保存会生成多篇文章的问题
• 修复选中分类、标签展示之后从其他页面切换回来选中状态丢失的问题

v1.2.8 (2019-07-16)

• feature：新增阿里云oss图床支持 https://github.com/gaoyoubo/hexo-client/issues/50
• feature：新增Google Analytics支持，只会搜集用户页面点击数据，请放心使用。代码更改详见：https://github.com/gaoyoubo/hexo-client/commit/2679449ab20fd04d094f238f0b6053bffdebdb3e

v1.2.7 (2019-05-15)

• bugfix：修复保存快捷键失效的问题 https://github.com/gaoyoubo/hexo-client/issues/44
• 支持常用快捷键操作
• 升级markdown编辑器版本

v1.2.6 (2019-03-15)

• feature：支持hexo特性front-matter #32 #38
• bugfix：修复一处RCE(任意代码执行)漏洞 #35
• 升级electron 到最新版本
• 升级webpack到最新版本，解决老版本漏洞问题

v1.2.5 (2019-01-29)

• bugfix

v1.2.4 (2019-01-24)

• 新增分类标签导航
• 支持自定义文章路径
• 修复若干BUG

v1.2.3 (2019-01-02)

• 支持i18n
• 新增sm.ms图床
• 支持上传粘贴板图片
• 优化设置页面布局
• 修复发布时仅支持master分支的问题

v1.2.2 (2018-12-04)

• 支持文章搜索
• 优化新建、编辑文章页布局
• 优化调整发布功能按钮
• 支持新建文章、发布快捷键操作
• 其他页面细节优化

v1.2.1

• MacOS下无边框样式
• 调整菜单栏布局
• 修改UI配色和界面细节
• 修复初始化时选择hexo目录失败的问题
• 升级electron版本到3.x
• 其他细节修改

v1.1.3

• 升级markdown编辑器，使用mavonEditor编辑器（https://github.com/hinesboy/mavonEditor）。
• 修复图片文章列表过长是，切换页面滚动位置丢失的问题。
• 重构代码，优化调用逻辑和布局层级关系。
• 升级electron版本到2.0.6。

v1.1.0

• 优化页面配色。
• 优化文章预览、详情页面展示样式。
• 文章内容修改后离开页面进行友好提示。
• 支持hexo generate 和 hexo deploy。

更新内容

• 支持文章搜索
• 优化新建、编辑文章页布局
• 优化调整发布功能按钮 issues
• 支持新建文章、发布快捷键操作
• 其他页面细节优化

发布地址

https://github.com/gaoyoubo/hexo-client/releases

之前版本都只编译了Macos版本安装包，这次特意安装了一个虚拟机将Windows版本也编译了一份。

• Mac版本下载地址：https://github.com/gaoyoubo/hexo-client/releases/download/v1.2.1/HexoClient-1.2.1.dmg
• Windows版本下载地址：https://github.com/gaoyoubo/hexo-client/releases/download/v1.2.1/HexoClient-1.2.1.exe

功能预览

• 升级markdown编辑器，使用mavonEditor编辑器（https://github.com/hinesboy/mavonEditor）。
• 修复图片文章列表过长是，切换页面滚动位置丢失的问题。
• 重构代码，优化调用逻辑和布局层级关系。
• 升级electron版本到2.0.6。

mac版本下载地址：https://pan.baidu.com/s/1VuJIOoltpsTwnurn9aVQXw

升级说明

• 优化页面配色。
• 优化文章预览、详情页面展示样式。
• 文章内容修改后离开页面进行友好提示。
• 支持hexo generate 和 hexo deploy。

下载地址

• Mac版本：https://pan.baidu.com/s/1s5czGqWk0JAkrvrEpYk4wQ
• Windows版本：请源码编译
• Linux版本：请源码编译

最新截图

留图纪念一下，没想到自己胡乱折腾的东西还能上推荐。

Hexo桌面客户端

联系我：http://www.mspring.org

功能简介

• 文章添加
• 文章修改
• 文章删除
• 文章支持七牛图片上传

截屏预览

TODO

• 文章详情页优化
• 图片查看优化
• 自动Generate
• 自动Deploy

Build Setup

1
2
3
4
5
6
7
8
9
10
11
12
13

# install dependencies
npm install

# serve with hot reload at localhost:9080
npm run dev

# build electron application for production
npm run build


# lint all JS/Vue component files in `src/`
npm run lint

This project was generated with electron-vue using vue-cli. Documentation about the original structure can be found here.