1. 创建仓库
在github上创建名称为username.github.io仓库
2. Clone
将仓库clone到本地
$ git clone https://github.com/username/username.github.io
3. Hello World
创建index.html
$ cd username.github.io
$ echo "Hello World" > index.html
4. push
提交代码并push
$ git add --all
$ git commit -m "Initial commit"
$ git push -u origin master
5. 验证
访问username.github.io,这样就能看到Hello World了
6. 域名映射
将域名映射到username.github.io
$ echo "www.yourdomain.com" > CNAME
$ git commit -m "Create CNAME"
$ git push origin master
在域名管理添加一条CNAME记录,将www.yourdomain.com指向username.github.io
7. 安装Hexo
7.1 什么是Hexo
Hexo is a fast, simple and powerful blog framework. You write posts in Markdown (or other languages) and Hexo generates static files with a beautiful theme in seconds.
7.2 安装Git
7.3 安装Node.js
$ wget -qO- https://raw.github.com/creationix/nvm/master/install.sh | sh
$ nvm install 4
7.4 安装Hexo
$ npm install -g hexo-cli
$ hexo init <folder>
$ cd <folder>
$ npm install
$ hexo server
这样就可以通过localhost:4000访问了
7.5 部署到github
安装hexo-deployer-git
$ npm install hexo-deployer-git --save
修改_config.yml
deploy:
type: git
repo: <repository url>
部署到github
$ hexo deploy
但是部署后会覆盖掉github上的CNAME和README.md,需要在hexo的source目录添加CNAME和README.md,但是执行hexo generate后README.md会生成README.html,因此需要配置下,不让其渲染README.md。
修改Hexo目录下的_config.yml
skip_render: README.md
然后运行
$ hexo g
$ hexo d
这样就部署到github上了,并且不会覆盖掉已写好的CNAME和README.md了。
7.6 写blog
$ hexo new "Markdown"
会在source/_posts/
目录下生成Markdown.md
文件,编辑该文件后
$ hexo g
$ hexo d