用 GitHub 和 Hexo 搭建静态 Blog
文章目录
准备工作
了解 Hexo
Hexo
是一个快速、简洁且高效的博客框架。Hexo
使用Markdown
(或其他渲染引擎)解析文章,在几秒内,即可利用靓丽的主题生成静态网页。
安装 GitHub Windows
安装 Node.JS
安装 Hexo
双击桌面上的Git Shell
,输入npm
命令即可安装1
2npm install hexo-cli -g
npm install hexo --save
Hexo 初始化
创建 Hexo 文件夹
根据自己喜好建立目录(如E:\kuaipan\GitHub\hexo
),进入Git Shell
切换到该路径下E:\kuaipan\GitHub\hexo
执行以下指令1
2hexo init
npm install
安装 Hexo 插件
1 | npm install hexo-generator-index --save |
查看本地效果
继续执行以下命令,成功后可登录localhost:4000
查看效果1
hexo s
部署静态网页到 GitHub
注册设置 GitHub
- 登录
GitHub
,注册自定义用户名如leeguoren
- 在主页右下角创建
New repository
,name
必须和用户名一致如leeguoren.github.io
- 首次创建耐心等待 10 分钟左右审核,之后即可访问静态主页如
http://leeguoren.github.io
同步内容至 GitHub
编辑E:\kuaipan\GitHub\hexo
下的_config.yml
文件,建议使用Sublime Text
。在_config.yml
最下方,添加如下配置(要把repository
的用户名修改成自己的)1
2
3
4deploy:
type: git
repository: https://github.com/leeguoren/leeguoren.github.io.git
branch: master
然后在Git Shell
中输入如下命令1
2hexo g
hexo d
查看效果
在浏览器访问leeguoren.github.io
就能看到自己的博客了。第一次访问刚地址,可能访问不了,您可以在几分钟后进行访问,一般不超过 10 分钟。