零基础搭建一个属于自己的独立博客

    事情的起因是因为换工作后，新boss要求定期将做的好的效果写成文章，内容要严肃活泼，既显得高大上有逼格，又能平易近人，让人民群众喜闻乐见，达到宣传公司的目的。我个人觉得这是一个很折磨人的要求，尤其对我这种几万年除了聊天敲代码，基本不敲别的字的人来说╮(╯▽╰)╭。所以……建个自己的博客吧，敲敲打打，看不下去空荡荡的首页，也许就愿意没事写几句呢~

造好轮子的前提是找到好轮子

    对于我这样一个纯网页小白，git菜鸟来说，简单、文档全的轮子模板是个好选择，所以我找到了hexo，官方说法是一个快速、简洁且高效的博客框架，而且文档齐全，中英文都有.

安装环境

OSX 10.11.1

安装前提

Node.js 直接在Node.js官网下载了pkg，双击安装。
Git 电脑上默认就装好了。

安装好Node.js以后，使用npm完成对hexo的安装。打开终端，输入

$ npm install -g hexo-cli

OK, 视个人网速等一小会之后，hexo就安装完毕，这时候我们就可以开始建站大业了。

建站

先在自己喜欢的任何地方建一个文件夹folder,终端中输入

1
2
3
$ hexo init _folder_
$ cd folder
$ npm install

这时候我们的博客雏形实际上已经搭好了。文件内已经由hexo帮我们生成了建站所有需要的文件。
作为一个小白，文件夹里一堆东西真是让人感觉都是些什么鬼！还好我们有万能的文档和更万能的google。实际写博客时，我们只需要关注三样就可以了。

首先，我们需要关注根目录下的_config.yml文件
它包括了网站的配置信息，可以配置绝大部分的参数.
我们肯定需要改的一般是：

1
2
3
4
title: your website title
subtitle: XXXXXXX 
author: your name
url: #你挂靠网页的网址（这个我们下文会提到）

别的可以暂时用默认值。
其中

theme: defaulttheme #这个值跟我们马上要提到的主题相关。

最重要的是！
冒号后面一定要敲一个英文半角的空格！
冒号后面一定要敲一个英文半角的空格！
冒号后面一定要敲一个英文半角的空格！
我就不说这个小小的问题坑了我多久，单蠢的小白也是需要关怀的TAT

剩下目前就需要我们关注的是两个文件夹：
source： 存放我们写的文章和草稿
themes： 主题文件夹。hexo就是根据它来生成我们的网页页面。网站到底长啥样，就靠他了，链接里有很多别人提供的主题模板，可以按照自己的喜好选择，如果觉得这样不好挑，知乎里有别人整理的星级排行，可以参考。

现在先不管这两个文件夹，再次回到terminal，输入:

1
2
$ hexo d -g
$ hexo server

其中 d 指deploy 也就是部署，-g 指generate，表示如果部署时还没生成静态页面就先执行generate，这实际上是两个操作，我们这里一步来完成。等一小段时间，网页就部署好了，这时输入第二行代码，terminal上显示：

INFO  Hexo is running at http://0.0.0.0:4000/. Press Ctrl+C to stop.

我们在浏览器中输入[http://0.0.0.0:4000]，就能看到刚才部署的页面了，也就是我们博客的样子~。

现在只能本地访问，如果我们希望其他人也能看到，就需要将网页部署到某个服务器上去。我选择了github,其他方式操作应该是类似。

部署

首先需要注册一个github的账号，然后follow Github Page这上面的步骤，我们就能获得一个类似于
http://username.github.io的域名地址。同时也在我们的github主页上建了一个对应的repository，用来存放我们的页面内容。
这时，打开根目录下的_config.yml，在上文提到过的url:后填入

1
2
url: http://username.github.io #对应你自己的地址
root: /

在文件底部的deploy填入：

1
2
3
4
5
deploy:
    type: git
    repo: <repositoty url> #前面获得域名时创建的repository地址
    branch: [branch] #要发布内容的分支，一般是master
    message: [message] ##自定义提交信息，留空就可以。

这时我们再打开terminal，输入

1
$ hexo d -g

网页就部署到http://username.github.io上了，稍等几分钟，在地址栏输入，就能访问博客。

至此，博客建站完毕:-D

写博客

怎么写就很简单了，在前文提过的source文件夹下，新建一个 *.md文件，想写的内容填进去，重新生成、部署，稍等一小会会，就能看到我们更新的博客啦。

其他插件

其他还有一些博客的管理内容，比如google analytical统计，disqus评论栏，都可以很简单的添加到页面中。