为什么要使用Hexo和Github Pages搭建个人博客?
- 简单
- 容易使用 (操作简单)
- 省钱 (不用买服务器,不用买域名)
准备工作
- GitHub账号
- Node.js (Hexo 是基于Node.js的)
- 安装Hexo
- 建站
- 配置
- 发布文章
开始
1. GitHub账号
在你自己的GitHub账号上创建一个 repository 名字为:username.github.io
'切记:username必须和用户名一致
2. Node.js
- 用homebrew来的Node.js
homebrew详细的安装步骤的安装
2 . 安装node
brew link node
brew uninstall node
brew install node
3. 安装Hexo
npm install -g hexo-cli
4.建站
- 第一步:建立一个自己的站点,比如我的叫YorkLee
-
$ hexo init YorkLee
$ cd YorkLee
$ npm YorkLee
站点结构如下:
├── _config.yml # 配置文件,大部分的配置都靠它
├── package.json # 应用程序的信息
├── scaffolds # 模板信息,创建文章时使用
├── source # 资源和Markdown文件存放地方
| ├── _drafts # 草稿,当layout指定为draft时,默认不解析发布
| └── _posts # 准备发布的文章,每次generate会解析该目录下的文章
└── themes # 主题, 静态文件会根据主题来生成
配置
建站完成之后,当然是要配置了,这里最重要的就是_config.yml
文件,可以参考官方文档,记得要配置Github账号信息, 需要填写type, repo, branch
# Deployment
## Docs: https://hexo.io/docs/deployment.html
deploy:
type: git
repo: https://github.com/liyunhe/liyunhe.github.io.git
branch: master
# --------------------------------------------------------------
# background settings
# --------------------------------------------------------------
# add canvas-nest effect
# see detail from https://github.com/hustcc/canvas-nest.js
一定要注意格式 格式不一样会报错
可以先从本地看下有没有部署成功
hexo s
会提示:http://localhost:4000查看内容
更改主题
- 官方主题:官方提供的各种主题
-
有哪些好看的 Hexo 主题? - 知乎
下载的话直接clone就可以网上例子有好多
发布
安装hexo-deployer-git自动部署发布工具
$ npm install hexo-deployer-git --save
测试没问题后,我们就生成静态网页文件发布至我们的Github pages 中。
$ hexo clean && hexo g && hexo d
现在就可以访问了https://liyunhe.github.io/