惯性聚合 高效追踪和阅读你感兴趣的博客、新闻、科技资讯
阅读原文 在惯性聚合中打开

推荐订阅源

D
Docker
博客园 - 【当耐特】
S
SegmentFault 最新的问题
阮一峰的网络日志
阮一峰的网络日志
大猫的无限游戏
大猫的无限游戏
WordPress大学
WordPress大学
奇客Solidot–传递最新科技情报
奇客Solidot–传递最新科技情报
The Cloudflare Blog
Apple Machine Learning Research
Apple Machine Learning Research
小众软件
小众软件
博客园 - 三生石上(FineUI控件)
Martin Fowler
Martin Fowler
云风的 BLOG
云风的 BLOG
钛媒体:引领未来商业与生活新知
钛媒体:引领未来商业与生活新知
F
Fortinet All Blogs
Y
Y Combinator Blog
freeCodeCamp Programming Tutorials: Python, JavaScript, Git & More
OSCHINA 社区最新新闻
OSCHINA 社区最新新闻
J
Java Code Geeks
Engineering at Meta
Engineering at Meta
MyScale Blog
MyScale Blog
B
Blog
酷 壳 – CoolShell
酷 壳 – CoolShell
人人都是产品经理
人人都是产品经理

Xudong's Blog

AI杀死了个人博客 让MDC在各种线程间穿梭自如 新手选购微单的策略 一些让Python代码更快的技巧 HTTP报文结构 Python日志库logging总结 写定向爬虫时遇到的问题 Java中的协变与逆变 给Hexo主题添加LaTeX公式支持 Python3中的Iterator与Iterable Rss订阅源分享 Git Tips Redis的数据库与持久化 Redis中的数据结构 控制反转与依赖注入 Vim命令笔记 Java中的equals和hashCode方法 Java中对象域的初始化 Java中的基本类型和自动装拆箱
Hello, world. 使用Hexo搭建静态博客
Xudong Sun · 2018-09-28 · via Xudong's Blog

前言

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

看到很多大神都用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给了我们如此方便的途径搭建自己博客,那么接下来的事情就是认真写文章啦…