Xudong's Blog

Hello,World. 使用Hexo搭建静态博客

Word count: 1.1k / Reading time: 3 min
2018/09/28 Share

前言

作为博客的第一篇文章,按照惯例那肯定是写一下这个博客怎么建起来的。

看到很多大神都用Hexo来搭建自己的博客,而且看起来都很简洁舒服,自己心里也早早地想尝试一把。
因为对于前端的接触确实不多,感觉搭博客这东西可能也有些费事,所以计划也一拖再拖。
直到昨天,几门课程的结课考试考完啦,就想趁着心情好,折腾一把,也就有了现在看到的这个页面。

废话有点多,下面进入正题。

什么是Hexo

一个快速、简洁且高效的博客框架:

  • 原生支持 GitHub Flavored Markdown 的所有功能
  • 拥有方便快捷的一键部署
  • 拥有强大的插件系统和插件资源
  • 众多简洁好看的主题

其实对于Hexo的使用并不需要说特别说,Hexo官网 中已经有非常详细的文档,而且还有中文版本,门槛可以说是非常低了。Hexo主题列表 中有许多好看的Demo,相信你总会看到一款你喜欢的,搭建博客的欲望也就上来了。

托管于Github Pages

我们需要把博客部署在服务器上,尽管再开个VPS也不是那么麻烦,但是一想到配置环境、域名申请、SSL证书,还有以后的服务器维护,这一堆东西整下来,也是有些繁琐的。等我们弄好,可能也就不想写什么了。

所以,我们选择Github Pages作为我们静态博客的托管服务。

如果你不熟悉git命令或者github的相关操作,那么可能需要先学习一下前置技能,任何搜索引擎都可以找到一大堆学习资料,这里推荐一个Git教程

Github Pages分为两类,用户或组织主页,项目主页。我们这里只需要使用前者。

  1. 创建一个名称为{username}.github.io的新仓库即可,username必须填写自己的用户名。Github会识别并自动将该仓库设为Github Pages。用户主页是唯一的,填其他名称只会被当成普通项目。

  2. 在一个心仪的目录下使用我们最喜欢的git clone命令 ; )
    git clone https://github.com/{username}/{username}.github.io

  3. 进入git仓库的目录cd {username}.github.io ,来做经典的第一步echo "Hello World" > index.html

  4. 熟悉的三部曲git add . git commit -m "Init" git push -u origin master

  5. 访问 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给了我们如此方便的途径搭建自己博客,那么接下来的事情就是认真写文章啦…

CATALOG
  1. 1. 前言
  2. 2. 什么是Hexo
  3. 3. 托管于Github Pages
  4. 4. 安装配置Hexo
  5. 5. Hexo主题
  6. 6. 尾巴