使用Hexo Github 搭建个人博客
- 首先要申请一个Github帐号,如果不会申请可以参考下面这篇文章,这里面写得十分详细。
创建GitHub技术博客全攻略
这里要注意的就是建立用于存放博客代码仓库的命名是固定的,它的格式是:
github用户名.github.io
比如我的github用户名为tbfungeek,那么repo名字就应该是tbfungeek.github.io
建立好后将代码库clone到本地:
git clone https://github.com/tbfungeek/tbfungeek.github.io.git
接下来就是安装Hexo,这一步的前提是你已经安装了npm等工具,如果没有安装的话可以Google 一下
npm install -g hexo |
要检查是否成功安装可以运行下hexo -v 看下是否能够打印出版本信息
- 安装完hexo后就可以进入步骤2中clone到本地的博客源码,运行
hexo init |
如果hexo模板创建成功的话终端会打出如下信息:
INFO You are almost done! Don’t forget to run ‘npm install’ before you start blogging with Hexo!
- 接下来要干吗?上面打印出的信息写得很清楚运行npm install
npm install |
- 我想大部分从前从未自己搭建过博客的人这时候都会很像马上就看到自己搭建的博客的效果了吧?运行 这时候终端会出现如下提示:
hexo serv
INFO Hexo is running at http://0.0.0.0:4000/. Press Ctrl+C to stop.
打开浏览器,敲入http://0.0.0.0:4000/ 你看到了什么? 没错是你搭建的博客。
- 发布博客到GitHub让大家都可以访问到你的博客:
进入步骤2克隆到你本地的博客代码根目录,是否看到有个文件*_config.yml* 文件?看该文件的最后一行
deploy:
这个就是配置部署博客的属性,具体可以参考
http://hexo.io/docs/deployment.html
下面是我的配置:
deploy: |
这里我们使用的是git部署工具,所以我们需要安装hexo-deploy-git:
npm install hexo-deployer-git --save
产生博客并部署到github
hexo generate 产生博客
hexo deploy 部署到github,这时候会要求输入github用户名和密码jimmy@idealist ~/Blog/tbfungeek.github.io $ hexo deploy
INFO Deploying: git
INFO Clearing .deploy_git folder…
INFO Copying files from public folder…
[master 91f91d3] Site updated: 2016-02-22 22:01:05
7 files changed, 1442 insertions(+), 12 deletions(-)
create mode 100644 2016/02/22/create_blogusehexo/index.html
create mode 100644 2016/02/22/hexo_command/index.html
Username for ‘https://github.com': tbfungeek
Password for ‘https://tbfungeek@github.com':
To https://github.com/tbfungeek/tbfungeek.github.io.git
7a8e26e..91f91d3 HEAD -> master
Branch master set up to track remote branch master from https://github.com/tbfungeek/tbfungeek.github.io.git.
INFO Deploy done: git
这时候就部署OK了,打开浏览器输入tbfungeek.github.io (github用户名.github.io)
- 修改博客主题
hexo 有很多开源的主题,大家可以在如下链接下查找自己想要的主题:
当然还有和多的主题大家Google一下
安装主题很简单,hexo的主题一般都是存放在theme目录下,我使用我这个博客的主题来作为例子介绍下主题的安装:
我使用的是yelee地址是:https://github.com/MOxFIVE/hexo-theme-yelee
cd 进入 2步骤中clone到本地的博客根目录,在终端输入:
git clone https://github.com/MOxFIVE/hexo-theme-yelee.git themes/yelee |
打开步骤7提到的*_config.yml* 文件,你会看到theme节点
Extensions
Plugins: http://hexo.io/plugins/
Themes: http://hexo.io/themes/
theme: landscape
把landscape改为yelee 就OK了。
- 配置主题:
主题的配置文件位于tbfungeek.github.io/themes/yelee/_config.yml 里面有很多属性,大多一看就懂这里就不展开介绍了,配置完成后按照步骤7产生博客部署到github就OK了