Hexo+GitHub Actions 完美打造个人博客

Hexo简介

Hexo是一款基于Node.js的静态博客框架，依赖少易于安装使用，可以方便的生成静态网页托管在GitHub和Coding上，是搭建博客的首选框架。大家可以进入hexo官网进行详细查看，因为Hexo的创建者是台湾人，对中文的支持很友好，可以选择中文进行查看。

Hexo搭建步骤

• 安装Git
• 安装Node.js
• 安装Hexo
• 编写github actions 
• 推送到github
• 发布文章

我们的开发过程是在win环境下，本质和环境没关系，影响不大，首先我们要保证我们的电脑上安装了git 与node.js 其中git是为了我们方便检出与推送我们的代码，node.js是为了构建hexo的脚手架，生成项目结构，我们在在后面提供生成好的项目结构源码，这样子我们也不需要node.js了，不过还是建议大家自己来构建，灵活操作，本地浏览构建项目也需要

• 上述两个环境我们不在这里阐述，如果不懂安装的可以百度，我们直接从hexo的脚手架构建开始

Hexo 安装与项目初始化

首先我们可以用 cmd命令窗口或者vscode里命令窗口，都一样，这里我们使用VScode因为后期项目的ide就用vocode ;

• 打开vscode 软件，按 CTRL+ `调出命令窗口，输入

cd H:\project\    -- 切换到我们项目要放的目录下

node -v     -- 查看node的环境版本

npm -v  -- 查看 npm 的版本

通过这两个命令来查询我们node.js的安装情况如下，则显示正常

• 执行命令  npm install -g hexo-cli  来安装hexo的脚手架支持，这是安装到node的插件中，

上述显示下载好cli程序，接下类我们开始初始化项目

• 创建项目目录 名字自己定，比如 'myblog'

     命令： mkdir myblog 、

• 初始化hexo项目 mylog 

命令：  hexo init 项目目录名   这里就是 ： hexo init myblog

• 等待构建好，上面显示就已经构建好了，接下来我们直接通过vscode来打开项目目录 myblog

• 新建完成后，指定文件夹目录下有：