前言

Hexo 是一个快速、简洁且高效的博客框架。Hexo 使用 Markdown(或其他渲染引擎)解析文章,在几秒内,即可利用靓丽的主题生成静态网页。

准备工作

注册 github 账户

github 首页需要科学上网

创建库(Repositories)

库01

库02

库03

使用 Hexo

安装 Hexo

blog01

创建文件夹用于保存博客文件

vsc01

在 vscode 中打开文件夹 并打开终端

vsc02

npm install -g hexo-cli 安装 Hexo 框架

npm 不挂代理安装 Hexo 会特别缓慢,推荐用淘宝的 cnpm 安装 Hexo 。
npm install -g cnpm --registry=http://registry.npm.taobao.org
cnpm install -g hexo-cli

vsc03

查看版本,检查安装是否成功。

初始化 Hexo

hexo01

hexo init 初始化

hexo02

运行测试

hexo clean 清除缓存
hexo g 生成静态文件
hexo s 启动服务器。默认情况下,访问网址为:http://localhost:4000/

hexo03

启动服务后,访问 http://localhost:4000/ 显示图上状况即为成功

部署 Hexo

修改配置文件

github01

在博客根目录下的 _config.yml 中找到 Deployment 修改为:
type: git
repo: https://github.com/github用户名/库名.io.git
branch: master

git

右键桌面点击 Git Bash Here

设置Git配置信息
git config --global GitHub用户名
git config --global GitHub注册邮箱

安装部署插件

github02

在终端输入 npm install hexo-deployer-git --save 安装部署插件。

部署三部曲

  • hexo clean 清理缓存
  • hexo g 生成静态文章
  • hexo d 部署到 github 中

github03

第一次部署会弹出 github 的登陆界面,登录即可

常见问题

找不到 Git

error01

在博客目录中打开终端安装部署插件:npm install --save hexo-deployer-git

_config.yml编译不通过

yml语法极度严格,仔细检查语法格式。

(待补充)