title: Deploy Hexo to Github
date: 2017-09-06 14:52:25
tags: blog
categories: tools
安装hexo
hexo中文文档
必要应用:
gitnode.js
安装git
sudo apt-get install git-core
安装node.js
$ curl https://raw.github.com/creationix/nvm/master/install.sh | sh$ nvm install stable
nvm---node.js的最佳安装方式(便于管理版本)
安装hexo
- 使用淘宝npm镜像
npm --registry https://registry.npm.taobao.org install express
- 安装
$ npm install -g hexo-cli
npm是node.js的包管理工具("Node Package Manager"), 安装node.js成功后也已安装
hexo建站
$ hexo init my_site # 初始化一个本地项目
$ tree my_site/ -L 1 # 查看初始化后的项目目录
my_site/
├── _config.yml
├── node_modules
├── package.json
├── package-lock.json
├── scaffolds
├── source
└── themes
$ cd my_site
(my_site) $ npm install # 安装必要包
(my_site) $ hexo server # 启动本地服务
github准备工作
github准备
- github初始化一个
{username}.github.io - 添加
SSH_key - 复制仓库
SSH地址:[email protected]:{username}/{username}.github.io.git
修改_config.yml
my_site/
deploy:
type: git
repo: [email protected]:{username}/{username}.github.io.git
baranch: master
安装deploy插件
$ npm install hexo-deployer-git --save
初始化仓库
my_site/
$ git init
Initialized empty Git repository in /home/alex/my_site/.git/
初始化提交
my_site/
$ git add . # add 后面的”.“号，添加仓库内所有文件
$ git commit -m "initial commit"
发布
my_site/
$ hexo g # 生成静态网(generate)
$ hexo d # 部署(deploy)
INFO Deploying: git
...snip...
INFO Deploy done: git
自定义主题
喜欢Next主题的目录效果, 还有简介的界面, 还有详细的部署文档
下载主题
my_site/
$ mkdir themes/next
$ curl -s https://api.github.com/repos/iissnan/hexo-theme-next/releases/latest | grep tarball_url | cut -d '"' -f 4 | wget -i - -O- | tar -zx -C themes/next --strip-components=1
$ rm -rf themes/lanscape/
修改_config.yml
my_site/_config.yml
titile: Alex's notes
author: Alex
url: http://zhangtengfei.com
theme: next # 将next主题命名为"next"置于"themes"目录下
生成页面
my_site/
$ hexo new page tags # 创建tags页面，next主题的tags页面会自动根据文章头信息生成标签云
$ hexo new page categories # 创建categories页面，next主题的categories页面会根据文章头信息自动分类
$ hexo new page about # 创建about页面
分别在生成的“tags“和”categories“目录下的”index.md“的头信息中添加type： ”tags“和type: "categories"
tags
my_site/source/tags/index.md
---
title: tags
date: 2017-09-02 10:46:34
type: "tags"
---
categories
my_site/source/categories/index.md
---
title: categories
date: 2017-09-02 10:46:49
type: "categories"
---
修改post模板
my_site/scaffolds/post.md
---
title: {{ title }}
date: {{ date }}
tags:
categories:
---
scaffolds目录下的post.md是文章模板，在执行hexo new [article]时创建的文章模板基于此模板
添加头像和网站图标
/my_site/themes/next/_config.yml
avastar: /images/avatar.png
favicon: //images/favicon.ico
在相应位置放置图标和图片
部署到coding.net
- coding初始化一个
{username}.coding.me - 添加
SSH_key - 复制仓库
SSH地址:[email protected]:{username}/{username}.coding.me.git
注意：
- 单独部署
coding同github - 如果同时部署则
repo修改为
deploy:
type: git
repo:
github: [email protected]:{username}/{username}.github.io.git,master
coding: [email protected]:{username}/{username}.coding.me.git,master
备份文章原件（创建hexo分支）
my_site/
$ git remote add origin [git@...]
$ git checkout -b hexo
Switched to a new branch 'hexo'
$ git branch
* hexo
master
$ git add .
The following paths are ignored by one of your .gitignore files:
db.json
node_modules
public
Use -f if you really want to add them.
$ git commit -m "update site"
On branch hexo
nothing to commit, working directory clean
$ git push origin hexo
Counting objects: 435, done.
...snip...
* [new branch] hexo -> hexo
hexo 分支用来备份
master 分支用来部署
备份发布
在hexo分支下
my_site/
$ hexo new "Deploy Hexo to Github" # 创建新文章
$ atom source/_post/Deploy-Hexo-to-Github.md # 编辑新文章
$ git add . # 添加修改到仓库
$ git commit -m "add Deploy-Hexo-to-Github.md" # 提交修改到仓库
$ git push origin hexo # 推送hexo分支到云端
$ hexo g # 生成静态文件
$ hexo d # 发布master分支到云端
换电脑后操作
只安装必要应用，不需要
hexo init
$ git clone [git@...]
$ git checkout hexo
# 已经切换到hexo分支
$ npm install # 安装hexo必要应用
# 如果新电脑都安装好了，git，hexo-cli，hexo-deployer-git,那么就可以直接开始
$ hexo new [new_article]
$ git add .
$ git commit -m "add [new_article]"
$ git push origin hexo
$ hexo g
$ hexo d