Hexo 自动化部署在线编辑文章_hexo 在线编辑

Hexo 是 非常 简单的个人博客框架，部署在GitHub Page还可以白嫖域名，但是每次我改个文章还要重新打包推送到仓库上。偶然发现一种利用GitHub Action 的方法来自动化部署和编辑文章的方法所以记录下来。

Hexo基础使用

Hexo 博客的安装

//全局安装hexo脚手架
 npm install -g hexo-cli 
//使用 hexo 初始化一个名为blog的项目
 hexo init blog

• 使用vscode打开项目

• 测试hexo

//运行默认在4000端口开启 hexo server

常用的hexo命令

//运行
 hexo server
 //新建文章 
hexo new "xxx" 
//新建页面
 hexo new page “pageName” 
//远程部署 
hexo deploy 
//生成静态文件public 
hexo generate

可见文章是用markdown格式存储在 source/_post 目录下，一个新的页面会与 _post同级

一些文件说明

根目录下的_config.yml,是hexo的核心配置文件，可以用来修改hexo的一些基本配置，经常修改。

而themes是主题，每一个主题下也有一个_config.yml文件，那是该主题的配置。

更换主题

hexo默认主题太丑了，建议在Github找一个好看的主题，这里我以 fluid 主题为例，一款 Material Design 风格的主题。

下载主题的文件包后放在blog文件的themes目录下

修改全局_config.yml配置文件，应用fluid主题。

将blog部署到github

这里我采用将博客到 这个路由上 https://[username].github.io ， 例如我的博客就是https://www.wpsshop.cn/w/花生_TL007/article/detail/439806