为什么要使用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
屏幕快照 2017-10-20 下午1.55.45.png
一定要注意格式 格式不一样会报错
可以先从本地看下有没有部署成功
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/
网友评论