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

推荐订阅源

H
Help Net Security
L
LINUX DO - 最新话题
让小产品的独立变现更简单 - ezindie.com
让小产品的独立变现更简单 - ezindie.com
freeCodeCamp Programming Tutorials: Python, JavaScript, Git & More
罗磊的独立博客
宝玉的分享
宝玉的分享
博客园 - 聂微东
奇客Solidot–传递最新科技情报
奇客Solidot–传递最新科技情报
Cyberwarzone
Cyberwarzone
S
Securelist
博客园_首页
Know Your Adversary
Know Your Adversary
S
Schneier on Security
雷峰网
雷峰网
L
LINUX DO - 热门话题
cs.CL updates on arXiv.org
cs.CL updates on arXiv.org
Simon Willison's Weblog
Simon Willison's Weblog
Last Week in AI
Last Week in AI
P
Privacy & Cybersecurity Law Blog
Scott Helme
Scott Helme
Schneier on Security
Schneier on Security
钛媒体:引领未来商业与生活新知
钛媒体:引领未来商业与生活新知
P
Proofpoint News Feed
AI
AI
K
Kaspersky official blog
爱范儿
爱范儿
H
Heimdal Security Blog
S
Secure Thoughts
T
Threatpost
B
Blog RSS Feed
NISL@THU
NISL@THU
C
CERT Recently Published Vulnerability Notes
云风的 BLOG
云风的 BLOG
Spread Privacy
Spread Privacy
Microsoft Azure Blog
Microsoft Azure Blog
IT之家
IT之家
Security Latest
Security Latest
V
Vulnerabilities – Threatpost
V2EX - 技术
V2EX - 技术
Cyber Security Advisories - MS-ISAC
Cyber Security Advisories - MS-ISAC
Google DeepMind News
Google DeepMind News
Vercel News
Vercel News
人人都是产品经理
人人都是产品经理
Recent Announcements
Recent Announcements
The Cloudflare Blog
T
Troy Hunt's Blog
Stack Overflow Blog
Stack Overflow Blog
MyScale Blog
MyScale Blog
D
Docker
C
Cyber Attacks, Cyber Crime and Cyber Security

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