Hexo介绍
Hexo—— 快速、简洁且高效的博客框架
安装Node.js
根据个人电脑版本(64或32位)
下载NodeJS
建议选择LTS版本|参考文档安装Git
根据个人电脑版本(64或32位)
下载Git安装Hexo
1.新建文件夹‘blog’并进入
2.在空文件夹内单击‘鼠标右键’,选择‘Git Bash Here’
3.弹出bash小黑窗
- 在黑窗中,按顺序输入下面代码
1.输入npm i -g hexo-cli,使用npm安装全局安装hexo的命令行工具$ npm i -g hexo-cli
2.输入hexo init,利用hex命令初始化一个新的博客
$ hexo init //根据个人网速情况,可能要等很久初始中…
hexo init 初始化完成!
3.输入npm i,安装包(如果网速差或者报错,建议使用cnpm)
$ cnpm i //根据个人网速情况,可能要等很久
使用cnpm i 安装包
4.输入hexo s,开启本地服务器
$ hexo s
5.在浏览器输入:http://localhost:4000/查看我们的博客写博客
把写好的markdown文件,存放到/source/_posts文件夹中即可
配置Next主题(可选)
- Next主题官方文档:http://theme-next.iissnan.com/
完成部署GitHub
原理:
每个Gighub账户都可以创建一个YourName.github.io的仓库,
这个仓库的master分支是可以直接使用YourName.github.io在网络中访问的,
我们可以利用Github的这个功能来进行静态页面的展示。有两种部署的方式,一种是手动部署,一种是使用hexo命令行部署,推荐使用第二种
1.手动部署
1.清空之前生成的博客文件
进入bash小黑窗,输入hexo clean(如果服务器开启中,可以使用Ctrl+C停止)
2.生成博客文件
输入 hexo g
$ hexo g
生成完成!
3.进入 public 文件夹中,开启 bash 黑窗进入 public 文件夹
进开启 bash 黑窗
4.输入git init 初始化仓库,并使用 add 和 commit 提交
$ git init
$ git add
$ git commit -m ‘blog’
git init&git add.
git commit
完成提交!
5.使用git push 命令推荐到Github仓库
注意后面需要加上 -force强制覆盖
$ git push 仓库地址 -force
如果使用https地址,需要输入用户名和密码
推送完成!
6.在浏览器输入YourName.github.io来访问你的博客2.使用hexo命令部署
- 此方法需要配置SSH秘钥来免秘钥来免密提交,SSH的配置方法参考SSH配置方法
1.在blog文件夹中打开bash黑窗,安装部署工具
输入npm i hexo-deployer-git-save来安装hexo部署工具
$ npm i hexo-deployer-git –save
同样可以使用cnpm进行安装(推荐)
2.找到‘~/blog/_config.yml’文件,修改最后代码:代码如下:
deploy:type:git
repo:git@hithub.com:YourName/YourName.github.io.git
branch:master
3.清空之前生成的博客文件
打开bash小黑窗
输入hexo clean
4.生成的博客文件
输入hexo g
$ hexo g
生成完成!
5.部署到Github
输入hexo d
$ hexo d
最后显示INFO Deploy done:git代表部署成功
6.在浏览器输入YourName.github.io来访问你的博客自动部署方案
使用Travis CI 自动部署Hexo博客
总结常用命令
$ hexo clean
//清空生成的博客
$ hexo g
//生成博客文件
$ hexo s
//启动本地服务器
$ hexo d
//按照配置好的_config.yml文件,完成部署