hexo 部署

Hexo 本地部署
Hexo 是什么?

Hexo 是一个快速、简洁且高效的静态博客框架,它基于 Node.js 运行,可以将我们撰写的 Markdown 文档解析渲染成静态的 HTML 网页。
一、安装

git官网地址:https://git-scm.com
1.访问官方网站,下载对应的安装包,进行安装
2.安装完成后,鼠标右键可以看到:Git Bash Here, 点击后打开

1
git --version        # 查看git版本

二、安装Node.js

官网地址:https://nodejs.org

访问nodejs官方网站,下载对应的安装包,进行安装
安装完成后,配置环境变量,并在终端里面输入:
1
node -v       # 查看node.js版本
npm 的下载速度受到网络环境和源服务器的影响,如果存在 npm 命令执行非常慢的情况,可以使用国内的镜像源来加速下载
1
2
3
npm config set registry https://registry.npmmirror.com   #切换为淘宝NPM镜像站
npm config set registry https://mirrors.cloud.tencent.com/npm/ # 切换为腾讯镜像
npm config set registry https://registry.npmjs.org # 切换为官方镜像

查看镜像使用状态

1
npm config get registry  # 查看镜像使用状态

如果返回 https://registry.npmmirror.com, 说明配置的是淘宝镜像
三、安装hexo
全局安装

1
2
yarn global add hexo-cli # yarn
npm install -g hexo-cli # npm

局部安装

1
2
yarn add hexo	# yarn
npm intall hexo # npm

检查hexo 版本

1
hexo -v       # 查看hexo版本

初始化Hexo

新建一个blog文件夹,在这个文件夹中右键点开 Git Bash Here ,输入hexo init 下载相关文件

1
hexo init

可以看到博客存放目录里出现了相关文件

1
hexo项目目录内容如下:

.

├── _config.yml :站点的配置文件,需要备份。
├── themes :主题文件夹,需要备份。
├── source :资源文件夹。用来存放图片、Markdown 文档(文章、草稿)、各种页面(分类、关于页面等),需要备份。
├── scaffolds :文章的模板,需要备份。
├── package.json :安装包的名称,需要备份。
├── .gitignore :限定在 push 时哪些文件可以忽略,需要备份 .git :主题和站点都有,标志这是一个 git 项目,不需要备份。
├── node_modules :是安装包的目录,在执行 npm install 的时候会重新生成,不需要备份。
├── public :hexo g 生成的静态网页,将 source 文件夹里的 MarkDown 文档,转换成 index.html,不需要备份。
├── deploy_git :将 public 文件夹的内容提交到 GitHub 后生成,内容与 public 文件夹基本一致,不需要备份。
├── db.json :文件,不需要备份。

1
生成静态网页

hexo g # 生成静态网页
hexo s # 本地预览
hexo clean # 清除本地缓存

1
2
在本地浏览器访问:http://localhost:4000
安装hexo部署依赖

npm install hexo-deployer-git –save