github+hexo搭建博客

引言

    以前用阿里云弹性web托管采用wordpress搭建的我的博客，通过我使用一段时间以后发现存在不少问题:

• 网站的响应速度很是慢，估计打开主页须要3-4s的时间，我通过搜索发现不少人都有这样的问题，因此应该不是wordpress的锅，而是阿里云弹性web托管的问题，毕竟我买的时候一年只要几百块，并且仍是最便宜的经济版(内存128M+2G网页空间+4G流量+1G数据库)。其实我后来才知道弹性web托管是一个啥玩意
  ，和虚拟机差很少，性能很是有限。惋惜我当时不知道啊，不然应该买云虚拟主机独享版的，虽然贵一点，可是应该会流畅不少。
• 我最开始买的是经济版，由于访问速度慢的缘由，我昨天打算把它升级成高级版(256M内存+4G网页空间+2G数据库)。我花了不到20块钱买了试用升级两个月。可是最坑爹的事情发生了，我在升级了以后，原来
  的网站打开速度并无提高多少(至少我没感受到)，并且出现了一系列的问题，最后我连后台都进不去了，
  一直提示我500内部错误。我搜索了半天也没找到解决办法。并且我用filezilla也一直连不上ftp(我确认帐号和密码都是对的，升级以前一直能够登陆)，这样我根本无法检查wordpress到底哪里出现问题
  了。因而我陷入了只能浏览个人博客，可是却没法登陆后台的尴尬境地。
• 尝试了半天我也没有解决这个问题。最后想了一下，反正个人web弹性托管再过一个多月也就到期了，算
  了，干脆不续费了。从新找个其余的办法搭博客吧。这里额外说一句，以前一直是在博客园写博客的，其实
  仍是很不错的，我一直是用的markdown写的，感受博客园的markdown解析速度挺快，并且网页打开也很快。虽然如此，可是我仍是想搭一个本身的博客(毕竟能够本身的地盘本身作主嘛)。想到了以前好像看过
  能够用github免费搭建静态网页的博客。因而我就查资料开工了。事实证实，用github搭建博客稍微有点麻烦，可是对于通常的程序员应该花几个小时就搞好了,我本身大概花了不到三个小时吧。

1. 搭建过程

    由于网上已经有不少介绍怎么用github搭建博客的教程了，其中不乏一些很是详细优秀的教程，因此这里我就不从头详细描述一遍了。只是简单走下流程，贴一些有用的资料和遇到的坑。(注:个人本机系统是Ubuntu 16.04,好像windows系统搭建过程略有差异，若是你是windows系统，请搜索其余安装教程)。

    1.1 我参考的资料。

• 在github上搭建hexo我的博客（Linux-Ubuntu）
• 我是如何利用Github Pages搭建起个人博客，细数一路的坑

• hexo推荐主题yilia

      推荐按照我是如何利用Github Pages搭建起个人博客，细数一路的坑这篇教程进行安装，由于做者写的比较详细，若是遇到一些问题，能够自行搜索解决或者参考其余教程。

      1.2 我遇到的一些坑。

• 前面安装nvm,node.js应该没有太多的问题。我遇到的主要问题集中在将本地的hexo产生的文件同步到github以及后面hexo yilia主题配置的问题。hexo主要有hexo init,hexo g,hexo s,hexo d,hexo clean,hexo new等命令，分别表示初始化,生成静态文件,开启本地服务器,在浏览器预览,将本地文件同步到关联的github repo,清空缓存,产生新文章。注意在配置好hexo以及关联好github repo以后，最好每次执行hexo g,hexo d以前先执行一下hexo clean清空一下缓存，不然可能你输入博客的网址没法查看到你修改以后的页面。好比我当时弄了半天都无法正常查看个人博客主页，一直提示404,找不到github pages。不过我后来关闭了一下浏览器，执行了一下hexo clean就能够正常查看了。因此你若是遇到问题，不妨关闭浏览器从新打开，或者多刷新几回，说不定就行了。
• yilia的配置。这个其实能够查看yilia的官方github,讲的比较详细。其实最主要就是装好了yilia以后，修改hexo的全局_config.yml配置文件以及themes/yilia/_config.yml文件。至于配置参数怎么写，yilia的官方配置文件都给你写好了，照葫芦画瓢改为你本身的就能够了。可是特别须要注意的是!!!:这里有两个_config.yml文件，一个是hexo全局的，还有一个是yilia的，必定要区分清楚!在全局配置文件里，你只须要加上下面的配置条件:

jsonContent:
  meta: false 
  pages: false 
  posts:
    title: true 
    date: true
    path: true 
    text: false 
    raw: false 
    content: false 
    slug: false 
    updated: false 
    comments: false 
    link: false 
    permalink: false 
    excerpt: false 
    categories: false 
    tags: true

• 而在yilia的配置文件里，你才须要按照yilia官方文档那样修改yilia主题的配置参数。想我当时就是不当心把yilia的配置命令写到全局_config.yml文件里了，搞了半天主题一直都不变，最后才发现写错文件了，真的是。。。。另外还有一个问题是若是你使用hexo s在本地浏览器预览，可能会发现图像url无法正常解析(图像没法显示)以及图标中文乱码的状况(我本身碰到了)，因此若是你也碰到了同样的问题，直接去打开你的博客主页浏览应该就行了。(缘由不详)
• 最后知乎上还有一篇文章手把手教你建github技术博客by hexo写的仍是不错的，有些详细的yilia配置细节能够参考下,好比yilia博文添加多个tags是[tag1,tag2]这样的形式而不是tag1,tag2等等。
  

  2. 成果展现

  
      个人github博客主页是Lyrichu's Blog,原来的wordpress搭建的博客后面估计不会维护了。之后主要在博客园和github博客写文章了。