前言

这是一篇关于搭建自己HEXO博客的心路历程文章,讲述自己搭建博客的原因及HEXO博客部署教程导航、HEXO主题美化导航……

高中时注意到语文老师喜欢用博客来记录生活的一点一滴,发表自己对一些问题的思考时,有一丝羡慕。经常时不时跑到想念魏晋的博客上看看有没有发表什么新东西,像粉丝催更似得。有搭建自己博客的念头,但迟迟没有搭建自己的博客。
有多个原因:

  • 忙于学业,无暇顾及
  • 没有记录生活写文章的习惯
  • 维护博客过于繁琐
  • CDNS、简书、WordPress、博客园等诸多种搭建博客的方式挑的我头晕眼花。
  • ……

为什么要搭建自己的博客

到了大学后学业更加忙碌,目前到大三学习了很多知识,生活中经历了很多故事,但常常我们会遇到很多类似的情况:

  • 记得自己做过某件事,但却想不起来了
  • 某些事情/技术 自己曾经钻研过,现在重新拿起来缺几乎忘得一干二净,重新拾起还需要在百度里转转悠悠找教程。
  • 生活中突然有很多激动人心想法,没有及时记录,转念就想不起来了

没错,促使我搭建博客的原因就是自己的记性不好!!!

这个问题相信你已经有了自己的答案,但我还是建议你看看这篇文章

当我终于意识到“记录”的重要性时,已经失去了很多。不过我还年轻!为时不晚!于是重燃用博客记录生活的想法。于是我开始寻找搭建属于自己博客的方法。

搭建博客的渠道

搭建博客之前,如果你想了解更多背景知识,可以看看这篇文章:

通常来说,建立博客的通常渠道包括以下3种:

  • 在博客平台上注册,比如 博客园、CSDN、新浪博客 等。
  • 利用博客框架搭建,如 WordPress、Jekyll、hexo 等。
  • 自己用代码写一个。

其中,第一种最简单,也最受限,说不定还会被删帖删号(我就遇到过这种情况)。第二种稍复杂,另外需要自己找部署的服务器,但可定制化较高,是很多人的选择。最后一种,是在重复造轮子,不过从另一个方面来看,倒是锻炼编程能力的好方式。

搭建众多博客园例如:简述、博客园、CSDN、新浪等博客平台让我挑的头晕眼花。经过查阅注意到一些博客平台渐渐衰落,并鉴于语文老师经常发一些“自己博客因为敏感字被新浪吞了!”“自己写的一些博客莫名其妙消失”之类的话,我意识到靠大平台一键生成博客的方法是不可靠的,还是自己能掌控的东西比较放心!于是我选择用第二种方式,既不受限,难度也不大。

想了解更多,可以阅读这篇文章:

或许你不相信,但我确实见过有许多非互联网行业的人也搭建了自己的博客。所以在搭建博客这件事上,确实没有专业之分。

为什么选择GithubPages、Coding和Hexo

  • Hexo是开源在Github上的,而且轻快便捷
  • GitHub Pages 有 300M 免费空间,资料自己管理,保存可靠。
  • 学着用 GitHub,享受 GitHub 的便利,上面有很多大牛,眼界会开阔很多
  • 顺便看看 GitHub 工作原理,掌握代码的管理方法
  • GitHub 是趋势

HEXO

Hexo 是一个简单、快速、强大的静态博客框架,基于Node.js。由台湾大学生tommy351创建。并把它开源到了Github上,这里是它在Github上的地址:HexoGithub,它主要有以下优点:

  • 极速生成静态页面
  • 一键部署博客
  • 丰富的插件支持
  • 支持 Markdown
    更多内容可以查看Hexo的官方文档,建议你只看看介绍部分,其它的你现在也看不太懂。等你搭建好了博客再去详细了解其他的内容就会轻松很多:Hexdocs

GitHub

GitHub是一个代码托管网站和社交编程网站。这里聚集了世界上各路技术牛叉的大牛,和最优秀的代码库。是全球程序员的天堂。因为是国外的,所以界面全是英文。本熊英语过了六级刚开始接触的时候心都突突,不过不要怕,不是还有翻译么。

GitHub Pages

GitHub Pages是用来托管 GitHub 上静态网页的免费站点,其他的不多说。

Coding

和Github功能类似,由于是国内的,界面都是中文,对我这种英语渣渣很是友好,2018年Coding被腾讯收购后界面变得更加美观,操作方便,还开发了一个Cloud Studio在线IDE ,其对应的Codinging Page也可以实现和Github Pages相似的功能。

HEXO博客的搭建、部署、NEXT主题个性化教程导航

看完上面一部分,可以说对搭建博客有了初步的了解,这里把搭建博客步骤大致浓缩成几句话:

  1. 在本地安装Git、Node.js、HEXO等基本环境
  2. 用HEXO框架本地生成自己的博客代码
  3. 通过hexo命令借助git将博客代码上传到Coding和Github的仓库中
  4. 借助Github Pages和Coding Pages将仓库中的博客代码生成自己的在线博客网页。

如果学有余力,可以在进行下面几步进行自己博客的优化

  1. 购买个人域名,自定义自己的博客网址,双线解析到Coding Pages和Github Pages。
  2. 为自己的博客设置主题,并逐渐个性化——本熊用的是比较简洁大方的NEXT主题

本文不会详细列出每一步的具体步骤,只会给出大致框架并给一些导航。导航网址中的内容详细的介绍了每一步的具体步骤,让大家少走一些弯路。也非常感谢这里导航的up提供的各式各样的教程。是时候培养自己的动手能力和阅读能力了,学以致用!

git的学习

在搭建博客之前,墙裂建议先学习git的使用方法,因为在大二的时候尝试自己搭建过HEXO博客,起初还好,但是到了个性化博客主题的时候,贪婪加了太多个性化的代码,导致某些未知BUG,想改也改不回来了。
如果学会使用git,每次修改小部分代码,提交到仓库中。如果发现代码错了,可以非常方便的将代码回退到提交之前的样子。
廖雪峰老师有很多好用的教程,非常推荐大家学习。

学会使用Git后会发现git的代码界面非常不友好,本身自带的GUI功能也非常差,现在推荐一个非常好用的git的GUI——Fork

其将git命令操作界面化,十分高效。本熊的博客代码历史版本及提交记录全部都记录在当中。
quicker_55730349-28e4-49cb-ac88-723528092924.png

生成与部署

个性化主题——基于NEXT主题

当阅读多了,你会发现下面的很多教程大多都是基于修改站点和主题的congfig配置文件来实现个性化的,每个配置代码上面都会有相关的链接和github代码库,详细阅读其中的README文件,可以完全不用看下面的导航,自己动手丰衣足食。
这里还有官方比较全面的主题使用文档

关于个性化设置,我想多说的是

  • 个性化固然好,但是在设置的时候一定要细心,这些都是要打开代码文件去修改的
  • 虽然个性化是可以让你的博客看起来高大上许多,但是不要太过了。忘了自己搭建博客的初心,只有文章才是最重要的。
  • 强烈建议: 将博客源文件用git托管

主题的使用:

个性化设置:

博客网页的优化:

第三方插件:

其他教程:

)

)

最终成果

虽然搭建博客花了好几天的时间,但是很有满足感。

希望自己今后不辜负这次的辛苦付出,认真记录自己的生活!

Last modification:December 6th, 2019 at 04:11 pm
如果觉得我的写的还有点意思,欢迎看官赞赏