使用HEXO+Github搭建自己的博客

Author Avatar
第五季 2015.3.7
字数:666字 时长:3分钟
  • 微信扫一扫分享

配置环境

安装Node(必须)

作用:用来生成静态页面的

到Node.js官网下载相应平台的最新版本,一路安装即可。

安装Git(必须)

作用:把本地的hexo内容提交到github上去.

安装Xcode就自带有Git,我就不多说了。

申请GitHub(必须)

作用:是用来做博客的远程创库、域名、服务器之类的,怎么与本地hexo建立连接等下讲。

github账号我也不再啰嗦了,没有的话直接申请就行了,跟一般的注册账号差不多,SSH Keys,看你自己了,可以不配制,不配置的话以后每次对自己的博客有改动提交的时候就要手动输入账号密码,配置了就不需要了,怎么配置我就不多说了,网上有很多教程。
正式安装Hexo

Node和Git都安装好后,首先创建一个文件夹,如blog,用户存放hexo的配置文件,然后进入blog里安装Hexo。

执行如下命令安装Hexo:

sudo npm install -g hexo

初始化然后,执行init命令初始化hexo,命令:

hexo init

好啦,至此,全部安装工作已经完成!blog就是你的博客根目录,所有的操作都在里面进行。

生成静态页面

hexo generate(hexo g也可以)

本地启动

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

hexo s

浏览器输入http://localhost:4000

配置Github

建立Repository

建立与你用户名对应的仓库,仓库名必须为【your_user_name.github.io】,固定写法

然后建立关联,我的blog在本地/Users/leopard/blog,blog是我之前建的东西也全在这里面,有:

_config.yml    node_modules    public      source

db.json        package.json    scaffolds  themes

现在我们需要_config.yml文件,来建立关联,命令:

vim _config.yml

翻到最下面,改成这样

deploy:
type: git
repo: git@github.com:seasonfif/seasonfif.github.io.git
branch: master

然后执行命令:

npm install hexo-deployer-git –save

然后,执行配置命令:

hexo deploy

Theme

https://github.com/lewis-geek/hexo-theme-Aath
icon
https://github.com/CodeDaraW/Hacker
icon
https://github.com/Kaijun/hexo-theme-huxblog
icon
https://github.com/YenYuHsuan/hexo-theme-beantech/
icon

增加字数统计

1
npm i --save hexo-wordcount

使用

1
2
<span class="post-count">字数统计:<%= wordcount(page.content) %>字</span>
<span class="post-count">阅读时长:<%= min2read(page.content) %>分钟</span>

问题汇总

1、文件大小写引起的找不到路径
进入到博客项目中 .deploy_git文件夹,修改 .git 下的 config 文件,将 ignorecase=true 改为 ignorecase=false
删除博客项目中 .deploy_git 文件夹下的所有文件,并 push 到 Github 上, 这一步会清空github.io项目中所有文件。
使用 Hexo 再次生成及部署