Hexo博客工作流

写博客工作流，记录常用命令和实用技巧以备忘

---

创作工作流

首先需要新建一个草稿，草稿中的文件最后是不会在线上部署，并自动会使用scaffolds/文件夹下，对应layout（page，draft，post）的模板

hexo new draft "file_name"

预览草稿在本地的显示效果 server 时的—-draft参数

hexo g && hexo server --draft -p <local port>

在草稿上写好之后，就可以通过publish命令，将草稿无缝发布在_posts文件夹中

hexo publish draft <file_name>

在draft中只需要专注于文稿正文部分主要内容，在publish到_post后

打开相应的post并完善其中Abstract部分，更改Front Matter，赋予合适的Tag和Category分类，删除最上面的大标题，文稿中的标题从h2开始

之后的按照部署的工作流进行部署

部署工作流

在_posts文件夹中写好相关的文件之后，整体的部署流程大致是：generate（生成静态文件）→server（部署在本地端口查看）→deploy（部署上线）

hexo g && hexo s

• 本地查看时可能会遇到端口冲突 默认4000端口被占用，可以使用下面的命令，指定端口：

  hexo server -p <local port>

有时本地查看的效果和线上不一致，可能是之前使用hexo版本比较老的缘故（hexo version:4.0+→6.1），升级之后再看一下

本地查看效果无误后，将hexo的public清除，将全部文稿重新部署

hexo clean && hexo d

提前需要配置好的选项

在新建md文件时，需要一个和其同名的assert文件来存放图片、下载的文档和压缩包等，首先需要在根目录的_config.yml文件做如下修改：

post_asset_folder: true

使用Typera写文档时，在编辑器的文件/偏好设置/图像中进行如下设置：

image

这样直接粘贴在md文件中的图片就自动保存在同名的assert文件中

hexo配置更新

在使用很久之后，hexo等博客网络框架的版本都有些老了，这里记录如何更新博客技术栈

Node升级

Windows系统中，使用命令行升级很麻烦，简单的方法是将之前的安装文件覆盖

• 找到node的安装路径

  where node

• 官网下载对应安装包，安装在之前的路径中，并勾选将PATH加入系统路径中

• 查看node和npm的版本

  node -v # 查看node版本
  npm -v  # 查看npm版本

Hexo升级

1. 全局升级hexo-cli

   npm install -g hexo-cli

   可以选定hexo版本特定升级

   npm install --save hexo@6.1.0

2. 使用npm-check检查系统插件是否有可以升级的

   npm install -g npm-check # 如果没安装先安装
   npm-check

3. 使用npm-upgrade升级系统中的相关插件

   npm install -g npm-upgrade # 如果没安装先安装
   npm-upgrade

4. 检查升级npm本身

   npm update -g     # 更新全局插件
   npm update --save # 更新系统插件
   npm install -g npm