首先安装node js
安装npm可以省略,最新版的node已经集成
首先进入某个目录,此例子为D:\
安装hexo
1 | D:\>npm install hexo-cli -g |
###初始化博客
1 | D:\>hexo init blog |
###进入blog并安装
1 | D:\>cd blog |
###启动服务器
1 | D:\blog>hexo server |
###到这一步,如果,没有错误,则人博客安装成功,在浏览器输入
1 | 127.0.0.1:4000 |
可以看到hexo已经成功
设置使用自己喜欢的主题
首先关闭服务器
1 | ctrl+c |
询问是否输入
1 | y |
终止服务器
hexo有很多的开源主题,可以自己搜索一个,这里用一个小清新的主题yilia
下载主题
1 | 浏览器打开 https://github.com/litten/hexo-theme-yilia/archive/master.zip 进行下载 |
设置主题
将下载到的zip选择解压到当前目录,并改变文件夹名称为yilia
将yilia移动到D:\blog\themes文件夹下
打开D:\blog_config.yml文件找到
1 | theme: landscape |
改为:
1 | theme: yilia |
在命令行中输入:
1 | D:\blog>hexo server |
重启服务器,访问 127.0.0.1:4000 查看主题已经改变
部署安装到github
前驱条件
- 首先到github注册账号,并新建一个仓库(具体步骤略),需要注意仓库的名称就是 yourAccountName.github.io,页面不要关闭,本例仓库:dr-yanglong.github.com
- 安装git,并生成SSH key,具体步骤参照git 入门,测试能够完全访问到github
部署到github
在D:\blog下面右键,选择
1 | Git Init Here |
然后再右键,选择
1 | Git Bash |
在弹出CMD命令窗口稳定后,输入
1 | npm install hexo-deployer-git --save |
接着用编辑器(记事本/下载sublime)打开
_config.yml
从70行修改:
1 | deploy: |
注意每个 “:” 后面有空格,并且 “repository” 后面是你的git的仓库地址,在你创建完仓库的那个页面有
执行命令部署到github
最后一步,执行
1 | hexo d -g |
将博客部署到github
打开github仓库页面,F5刷新,如果看到有很多代码,点击右边的
Settings
在打开的页面找到:
GitHub Pages
如果下面显示类似:
Your site is published at http://dr-yanglong.github.io.
那么,你的博客就弄好了,接下来就是改一些名称,图片之类的。怎么改可以参照Hexo官网全中文,相信没压力。
下面是一些命令
1 | hexo new "postName" #新建文章 |