重新开始Blog

2015 9月 10日

有一段时间没有管理博客，导致以前的站点源文件没有了，所以以前的博客也就没有了，这两天寻思着再重新搭一个，基本的搭建还是没有忘记，但可惜的是以前写的文章都没有了，据其原因就是因为没有备份站点。自己也不是一个前端，也不知道如何管理维护站点什么的，但是这次重新进行hexo博客的搭建，还是重新复习了一下搭建过程。

首先还是参考以前尤大神的博客为开篇文章Mac上极简搭建hexo个人博客指南

本地搭建环境

1.安装HomeBrew

1
ruby <(curl -fsSkL raw.github.com/mxcl/homebrew/go)

2.安装wget

1
brew install wget

3.安装nvm（node.js的版本管理工具）

1
2
wget -qO- https://raw.github.com/creationix/nvm/master/install.sh | sh #或者
wget -qO- https://raw.githubusercontent.com/creationix/nvm/v0.20.0/install.sh | bash

4.添加下列配置到.zshrc配置文件

1
[ -s "/Users/`users`/.nvm/nvm.sh" ] && . "/Users/`users`/.nvm/nvm.sh" # This loads nvm

5.安装node.js（通过nvm安装）

1
nvm install 0.10

6.安装hexo（通过npm安装）

1
2
3
npm install hexo-cli -g
or
npm install -g hexo

7.将nvm的bin目录添加到环境变量中，这一步的目的是在关闭iterm之后还可以使用npm和hexo，如果没有将bin目录（这里面放着hexo npm node的快捷键？），就不能使用npm和hexo。

1
2
3
4
5
6
7
8
以zsh举例：
1. 用vi打开zsh的配置文件
	vi ~/.zshrc
2. 在.zshrc文件中添加下列内容
	export PATH=$PATH:/Users/`users`/.nvm/v0.10.28/bin

(说明：1.v0.10.28为nvm的版本号，依使用版本而定
	  2.`users`会展开成具体的用户名)

8.创建hexo文件夹，并安装hexo的相关组件

1
2
3
hexo init hexo #这样就拥有了一个站点
cd hexo
npm install

9.本地查看
输入如下命令后，打开浏览器，输入localhost:4000来查看预览

1
2
hexo g #相当于hexo generate
hexo s #相当于hexo server

10.部署到github

1
2
3
4
5
6
7
8
9
10
11
12
13
14

1. 注册github账号

2. 创建github账号同名repository

	eg:github账号名位`lucy`，则创建`lucy.github.io`

3. 部署到github上

	如下所示编辑_config.yml
		deploy:
		type: github
		repository: git@github.com:lucy/lucy.github.io.git
		branch: master

输入如下命令，完成到github的部署，之后打开浏览器并输入lucy.github.io来查看

1
2
hexo g
hexo d #相当于hexo deploy

基本上的流程就是这样。

途中会遇到的问题

  1. 部署到github上的时候新的用户需要进行SSH配置

    其实很简单，这是官方教程

    我自己也记载过如何进行SSH配置

  2. 还是在部署到github之后出现的问题，hexo ERROR Deployer not found: github

    解决办法为

    • 安装 hexo-deployer-git —save

      1
      npm install hexo-deployer-git --save

    • 修改配置文件,将_config.yml中的deploy下的 type由github改为git

      1
      2
      3
      4
      deploy:
        type: git
        repository: git@github.com:lucy/lucy.github.io.git
        branch: master

使用的主题

一开始在github上找了好多个hexo的主题，排名第一的yilia还是比较好看的，当时还找了一个和猫神一样的主题，而且改进版的还是比较好看，但是他换主题了,所以还是选了排名第一的，就使用了他了。

具体安装使用步骤在作者的个人博客和github上都有介绍，这里就不一一列举配置步骤了。

但是在使用的过程中发现了一个bug，当使用的是移动设备的时候代码部分是可以滚动，但是超出屏幕范围的内容就被截断了，有时间给作者反馈一下。

hexo