前言
作为博客的第一篇文章,按照惯例那肯定是写一下这个博客怎么建起来的。
看到很多大神都用Hexo来搭建自己的博客,而且看起来都很简洁舒服,自己心里也早早地想尝试一把。
因为对于前端的接触确实不多,感觉搭博客这东西可能也有些费事,所以计划也一拖再拖。
直到昨天,几门课程的结课考试考完啦,就想趁着心情好,折腾一把,也就有了现在看到的这个页面。
废话有点多,下面进入正题。
什么是Hexo
一个快速、简洁且高效的博客框架:
- 原生支持 GitHub Flavored Markdown 的所有功能
- 拥有方便快捷的一键部署
- 拥有强大的插件系统和插件资源
- 众多简洁好看的主题
其实对于Hexo的使用并不需要说特别说,Hexo官网 中已经有非常详细的文档,而且还有中文版本,门槛可以说是非常低了。Hexo主题列表 中有许多好看的Demo,相信你总会看到一款你喜欢的,搭建博客的欲望也就上来了。
托管于Github Pages
我们需要把博客部署在服务器上,尽管再开个VPS也不是那么麻烦,但是一想到配置环境、域名申请、SSL证书,还有以后的服务器维护,这一堆东西整下来,也是有些繁琐的。等我们弄好,可能也就不想写什么了。
所以,我们选择Github Pages作为我们静态博客的托管服务。
如果你不熟悉git命令或者github的相关操作,那么可能需要先学习一下前置技能,任何搜索引擎都可以找到一大堆学习资料,这里推荐一个Git教程 。
Github Pages分为两类,用户或组织主页,项目主页。我们这里只需要使用前者。
-
创建一个名称为
{username}.github.io
的新仓库即可,username
必须填写自己的用户名。Github会识别并自动将该仓库设为Github Pages。用户主页是唯一的,填其他名称只会被当成普通项目。 -
在一个心仪的目录下使用我们最喜欢的git clone命令 ; )
git clone https://github.com/{username}/{username}.github.io
-
进入git仓库的目录
cd {username}.github.io
,来做经典的第一步echo "Hello World" > index.html
-
熟悉的三部曲
git add .
git commit -m "Init"
git push -u origin master
-
访问 https://{username}.github.io
现在大概知道这个东西怎么用的,剩下的工作就是Hexo的了。
安装配置Hexo
其实按照文档 | Hexo 中的步骤走,几乎没有什么问题。官方文档永远是最靠谱的,我不大想把步骤复制过来充字数。
需要注意的是,clone下的Hexo源码并不需要放在你的{username}.github.io
仓库中,自然也不要复制到你电脑中的仓库目录下。你的github pages仓库是hexo部署命令的目标,我们需要在配置文件中配置好我们的git仓库,然后使用hexo deploy -g
命令,hexo就会帮我们部署到仓库上。配置部署相关的方法也可以在官方网站中找到 部署 | Hexo
写到这里其实已经觉得没有什么好说的了,因为官方文档太详细,又有中文支持。需要的一切都能在上面找到,我在从安装到部署的过程中也是一帆风顺,几乎没有卡壳,这种畅快的体验可能就是Hexo如此流行的原因吧。
Hexo主题
最吸引我的地方可能就是各种好看的主题了,前端渣的我看到这么多有设计感的主题都是忍不住想看看源码。其中大家最熟悉的可能是 Next主题
官方文档 主题 | Hexo 中也说了主题的配置方法。
本博客使用了 hexo-theme-archer 。
尾巴
既然Hexo给了我们如此方便的途径搭建自己博客,那么接下来的事情就是认真写文章啦…