用hexo搭建了我的线上博客

前言

• 看见好多人的博客下面都有hexo的标志，所以我就想他们是怎么有这么样的一个又精美，又简单的线上博客呢？

• 抱着这样的心理，就去Google了发现了是有一个hexo的基于node.js的开发部件。然后就照着官方文档去学习了一下。

记录下开发流程

• 首先你必须要先安装一个hexo-cli的命令行工具

  npm install hexo-cli -g

• 采用官方给的资料

  $ hexo init blog
  $ cd blog
  $ npm install 
  $ hexo s

  按照提示打开https://127.0.0.1:4000就能显示一个原始的blog页面。这个页面只有home页和archives页面但是这种风格也是挺喜欢的。

• 选择主题https://hexo.io/themes/
  官方文档提供了很多的主题我们可以用git添加到我们的项目里边。

  1. 我这里选择了minos主题，这个主题主要吸引我的是页面。看着挺清爽的，但是有些人可能会不喜欢，第一色泽比较单一，主色调为黑色。

  2. 下载到自己项目的主题文件夹下

     $ git clone https://github.com/ppoffice/hexo-theme-minos.git themes/minos 
     $ cd themes/minos
     $ git pull

  3. 修改_config.yml

     将这个文件下的theme的主题改成theme: minos

  4. 将minos主题下的_source里边的全部复制到source文件夹下

  5. 主目录下运行hexo s

搭载到github.io上去

• 先创建一个[yourgithubname].github.io

• 将blog里边的public目录下的文件全部拷到这个项目仓库里

• 访问[yourgithubname].github.io

• 大功告成，你的hexo博客搭建好了

项目实现后的截图

• home页
  

• archives页
  

• categories页
  

• tags页
  

后记

• 我在about里边插入了我的简历，有要招兵买马的可以给个面试的机会，如果对着个感兴趣也可以给我个star。如果你也想搭建这么一个博客我们也可以聊聊~吹吹牛逼~