Hexo环境部署及配置

Hexo环境部署及配置

前言:

  • 部署Hexo - 其实部署Hexo环境还是很快速的,一个Nodejs+Git就能构架起你的Hexo环境
  • 配置 - 弄过的人都知道,最麻烦的就是配置,搞都能搞半个小时那种,就是安装3分钟,配置半小时
  • 迁移 - 其实说过来,部署几分钟就完事,配置也就一次的事情,如果你换了电脑环境,你总不可能在重新配置吧,所以我们需要做的就是迁移,这样就不用很麻烦的去在配置一次了,你只要记得你的模块插件都有拿一些,后面的事情就省去很多步骤

环境部署

这边主要给大家看的就是Windows下部署Hexo,平时就是本地写博客然后利用Hexo生成静态上传到Github然后展示给大家看,这样子就免去了很大的一个维护成本,Github是完全免费的开源的代码托管平台,我们就不需要买什么服务器,然后部署环境等等这些步骤

安装Nodejs

Windows for Nodejs

点击下载 Nodejs for Windows

Mac for Nodejs

点击下载 Nodejs for Mac 或使用homebrew安装 :brew install node

Linux

yum -y install node
apt-get install nodejs


安装Git

Windows for Git

点击下载 Git for Windows

Mac for Git

点击下载 Git for Mac 或使用homebrew安装 :brew install git

Linux

yum -y install git
apt-get install git


初始化Hexo环境

安装Hexo
1
2
3
4
5
6
7
8
9
# 创建一个文件夹,例如:C:/Blog/,然后右键鼠标菜单点Git Bash Here
# 查看你的Git和Nodejs是否安装成功
$ npm -v
$ git --version
# 安装Hexo环境
$ npm install hexo-cli -g
# 测试是否安装成功
$ hexo --version
# 显示出相关版本信息就代表安装成功了

初始化博客

# 创建一个文件夹,例如:C:/Blog/,然后右键鼠标菜单点Git Bash Here
# 初始化博客
$ hexo init <blogfile>
# 结果如下
image
# 安装Hexo需要的插件
$ cd <blogfile>
$ npm install
image
# 至此你的环境就初始化完成了,执行$ hexo server然后访问localhost:4000即可访问你初始化的目录
image


配置Hexo

配置Hexo+Github

# 首先我们先创建一个Github的项目
image
# 然后你就看得到你的项目了,首先你要配置你的SSH秘钥,选择全局设置-SSH and GPG Keys然后选择new SSH key
image
# 获取秘钥ssh-keygen -t rsa -C "your's email address"
image
# 你的秘钥在你C盘用户目录的.ssh目录下,然后复制到你的Github
image
image
# 秘钥复制上去之后呢,在配置你的Git全局配置
$ git config --global user.name "Your's name"
$ git config --global user.email "Your's email address"
image
# 测试你的秘钥是否能登录Github,出现Hi 你的用户名就代表成功了
$ ssh -T git@github.com
image
# 启动GitHub Pages,这是一个Github上面的一个网站项目,这样子hexo编译到github的页面就会被解析成网站
image
# 然后修改hexo的全局配置文件_config.yml的deploy选项,修改

1
2
3
4
5
6
# Deployment
## Docs: https://hexo.io/docs/deployment.html
deploy:
type: git
repository: 你创建的项目git地址
branch: master

image
# 上传代码到Github查看你的新网站吧
$ hexo g -d

配置主题模板、炫酷的样式等操作

关于主题模板、样式等操作我就不一一演示,我这边推荐一个链接,包含了很多配置:hexo的next主题个性化教程:打造炫酷网站