Hexo+Git 搭建Blog

转载于潘柏信的博客:http://leopardpan.github.io

配置环境

安装Node(必须)

作用:用来生成静态页面的 到Node.js官网下载相应平台的最新版本,一路安装即可。

安装Git(必须)

作用:把本地的hexo内容提交到github上去. 安装Xcode就自带有Git,我就不多说了。

申请GitHub(必须)

作用:是用来做博客的远程创库、域名、服务器之类的,怎么与本地hexo建立连接等下讲。 github账号我也不再啰嗦了,没有的话直接申请就行了,跟一般的注册账号差不多,SSH Keys,看你自己了,可以不配制,不配置的话以后每次对自己的博客有改动提交的时候就要手动输入账号密码,配置了就不需要了,怎么配置我就不多说了,网上有很多教程。

正式安装HEXO 

Node和Git都安装好后,可执行如下命令安装hexo:

1
$ sudo npm install -g hexo

初始化

然后,执行init命令初始化hexo到你指定的目录,我是直接cd到目标目录执行hexo init的。命令:

1
$ hexo init

好啦,至此,全部安装工作已经完成!

生成静态页面

cd 到你的init目录,执行如下命令,生成静态页面至hexo\public\目录。

1
$ hexo generate (hexo g 也可以)

本地启动

启动本地服务,进行文章预览调试,命令:

1
$ hexo server (或hexo s)

浏览器输入http://localhost:4000 我不知道你们能不能,反正我不能,因为我还有环境没配置好

配置Github

建立Repository

建立与你用户名对应的仓库,仓库名必须为【your_user_name.github.io】,固定写法 然后建立关联,仓库里面有:

_config.yml node_modules public source    
db.json package.json scaffolds themes     
现在我们需要_config.yml文件,来建立关联,命令:

1
$ subl _config.yml

翻到最下面,改成我这样子的,注意: : 后面要有空格

deploy:
type: git
repository: https://github.com/zhiqixu/zhiqixu.github.io.git
branch: master
执行如下命令才能使用git部署

1
$ npm install hexo-deployer-git --save

网上会有很多说法,有的type是github, 还有repository 最后面的后缀也不一样,是github.com.git,我也踩了很多坑,我现在的版本是hexo: 3.1.1,执行命令hexo -vsersion就出来了,貌似3.0后全部改成我上面这种格式了。

然后,执行配置命令:

1
$ hexo deploy

然后再浏览器中输入http://zhiqixu.github.io/就行了,我的github的账户叫zhiqixu,把这个改成你github的账户名就行了

部署步骤

每次部署的步骤,可按以下三步来进行。

1
2
3
$ hexo clean
$ hexo generate
$ hexo deploy

一些常用命令:

hexo new “postName” #新建文章
hexo new page “pageName” #新建页面
hexo generate #生成静态页面至public目录
hexo server #开启预览访问端口(默认端口4000,’ctrl + c’关闭server)
hexo deploy #将.deploy目录部署到GitHub
hexo help # 查看帮助
hexo version #查看Hexo的版本

Hexo主题

这里有大量的主题列表使用方法里面 都有详细的介绍,我就不多说了。
我这里有几款个人认为不错的主题,免去你们,一个一个的选了,欢迎吐槽我的审美,?
 Cover: A chic theme with facebook-like cover photo
 Oishi: A white theme based on Landscape plus and Writing.
 Sidebar: Another theme based on Light with a simple sidebar
 TKL: A responsive design theme for Hexo. 一个设计优雅的响应式主题
 Tinnypp: A clean, simple theme based on Tinny
 Writing: A small and simple hexo theme based on Light
 Yilia: Responsive and simple style 优雅简洁响应式主题,我用得就是这个。
 Pacman voidy: A theme with dynamic tagcloud and dynamic snow

一些基本路径

文章在source/_posts,。
如果想修改头像可以直接在主题的_config.yml文件里面修改,友情链接,之类的都在这里。
修改名字在public/index.html里修改。