前言

​ 从16年开始,我就陆续开始写一些技术博客分享,最先是在 简书 上,后来也在 CSDN掘金 上分享过一些,每次分享的时候都会很纠结,到底放在哪个平台上,后来发现了一些大牛都有自己的个人博客,这听上去就很nb啊,于是打算自己也尝试一下,使用 Hexo 来搭建自己的博客 。

​ 当然了,由于网上相关教程很多,而且都说的很详细,这里就不做详细说明了,只是简单的介绍一下流程。

使用

Hexo 是一个快速、简洁且高效的博客框架。

环境准备

安装 Hexo 是一件很简单的事情,首先,你需要在电脑上安装下列应用:

  • Node.js (版本需不低于 8.10,建议使用 10.0 及以上版本)
  • Git

安装 Hexo

在上面所需的环境准备好之后,在 终端 执行以下命令:

1
$ npm install -g hexo-cli

如此即可完成安装。

如何使用

Hexo 的使用主要是通过在 终端 执行 hexo 命令:

1
2
3
4
5
6
7
8
9
10
11
12
## 首先,在终端中移动到保存博客数据的文件夹,我的就在 ~/blog
$ cd ~/blog
## 初始化,生成相关文件
$ hexo init
## 文件列表
├── _config.yml
├── package.json
├── scaffolds
├── source
| ├── _drafts
| └── _posts
└── themes
  • _config.yml 是网站的配置文件;
  • package.json 应用程序信息;
  • scaffolds 模板信息;
  • source 资源文件;
  • theme 主题文件。

预览

初始化完成之后,你就可以执行下面的命令,在本地预览了:

1
$ hexo g && hexo s

命令执行成功之后在浏览器打开 http://localhost:4000 就可以看到效果了。

预览效果

这里展示的是 Hexo 默认的主题,以及默认生成的一篇文章 source/_post/hello-world.md

写文章

写文章就很简单了,你可以自己新建 .md 文件并放到 source/_post/ 目录下,之后执行 hexo g && hexo s 就可以在本地预览,当然还是建议使用 hexo new post 文件名 这种方式创建 .md 文件,这样会从模板中自动生成文章标题、创建时间等内容。