Hexo 快速、简洁且高效的博客框架

图示

准备工作

环境工具

  • Nodejs 它让开发人员能够创建服务器 Web 应用、命令行工具和脚本

  • Git 分布式版本控制系统，旨在处理从小型到 快速高效的超大型项目

  • Visual Studio Code 微软代码编辑器

  • Typora Markdown 编辑器，下载密码：1234

安装工具及环境

1.Nodejs 与 Git 一键安装（不建议更改安装位置，防止出错）

2.Visual Studio Code 与 Typora 随意安装

3.npm 更换国内镜像

运行cmd，执行命令

1
npm install -g cnpm --registry=https://registry.npmmirror.com

查询cnpm版本信息，输出安装信息即成功配置

1
cnpm -v

本地部署 Hexo

安装 Hexo

1.运行cmd，执行安装命令

1
cnpm install hexo-cli -g

2.创建存放文件夹，运行cmd，执行初始化命令

1
hexo init
1
npm install

测试 Hexo

1.hexo 根目录下运行cmd，执行部署命令

1
hexo clean
1
hexo g
1
hexo s

2.执行完成后会出现本地链接，浏览器输入链接访问，显示Hexo默认网页即成功部署

部署到 Github

创建 Github 仓库

1.仓库名称格式 用户名.github.io

2.仓库必须为公开

Git 连接 Github

1.右键选择 Git Bash Here，设置用户名和邮箱

1
git config --global user.name "GitHub 用户名"
1
git config --global user.email "GitHub 邮箱"

2.创建 SSH 密钥，输入完命令，一直回车

1
ssh-keygen -t rsa -C "GitHub 邮箱"

3.复制密钥到Github

密钥在C:\Users\用户名\.ssh目录（要勾选显示“隐藏的项目”），记事本打开 id_rsa.pub 文件

复印里面所有内容，粘贴到GitHub SSH and GPG keys

4.验证连接，输入命令，出现 “Are you sure……”，输入 yes 回车确认，显示 “Hi xxx! You’ve successfully……” 即连接成功。

1
ssh -T git@github.com

上传 Github

1.打开 Hexo 根目录下的 _config.yml 文件，修改里面配置如下

1
2
3
4
5
6
# Deployment
## Docs: https://hexo.io/docs/one-command-deployment
deploy:
  type: git
  repository: “仓库链接”
  branch: “仓库分支”

2.安装上传模块，执行上传命令

1
cnpm install hexo-deployer-git --save
1
hexo d

3.打开 Github 查看仓库是否有静态网页文件，开启 Cloudflare Pages 功能，访问自己的网站链接，能访问即成功上传部署

插件管理

搜索插件

1.安装插件

1
cnpm install hexo-generator-searchdb --save

2.配置插件，Hexo 根目录下找到 _config.yml 文件，添加以下内容

1
2
3
4
5
search:
path: search.xml
field: post
content: true
format: html