Hexo博客搭建（二）

2019 年 10 月 4 日
筆記

日更前语3. 环境搭建4. 初始化Hexo：5. 本地访问6. 个性化配置7. 引用日更结语

日更前语

昨天写了缘起、调研，今天直接进入正题。

3. 环境搭建

一番是个linux控，因此一番的博客搭建也用的是ubuntu服务器。当然，因为Hexo是基于js的，天生具有跨平台的特点，Hexo的搭建也支持Mac和Windows，具体可以参考第6节引用里的《hexo中文文档》。

Hexo安装依赖于Node.js和Git，因此如果没有安装这两个工具，需要提前安装一下：

安装git：

sudo apt-get install git-core

安装Node.js（nvm的方式）:

curl -o- https://raw.githubusercontent.com/nvm-sh/nvm/v0.34.0/install.sh | sh

重启终端

nvm install stable

安装Hexo：

npm install -g hexo-cli

这样，我们的Hexo环境就搭建好了。可以说非常简单，比我们一个标签一个布局的自己去码代码方便太多了。更重要的是还不专业，写的肯定没有这个好，bug肯定比这个多，哈哈。

4. 初始化Hexo：

接下来我们要初始化Hexo，进到你希望保存Hexo博客文件的目录（例如：/home/efonfighting/efonfighting-hexo-blog）：

hexo init /home/efonfighting/efonfighting-hexo-blog  cd /home/efonfighting/efonfighting-hexo-blog  npm install

完成后文件目录如下：

root@instance-zxwd3h3s:/home/efonfighting/efonfighting-hexo-blog# tree -L 1  .  ├── _config.yml # 基本配置文件，包括一些个性化的配置  ├── db.json  ├── node_modules  ├── package.json  ├── scaffolds # 新建文章的模板文件  ├── source # 存放我们实际文章的地方，我们将Markdown或者HTML的文件放到该目录下的_posts目录，即可自动解析  └── themes # 主题文件夹，我们可以在_config.yml里配置用哪个主题

5. 本地访问

到这个时候，虽然我们还没写一篇博客，但已经完成了hexo的初始化，我们只需要启动服务，就可以用ip:port的方式访问了。

启动服务的命令：

hexo server

这时我们就可以打开浏览器，输入 http://localhost:4000/，可以访问到我们的博客了。

当然，我们后面搭建网址访问的时候需要指定ip和端口，可以通过加参数的方式实现：

指定ip

例如：

hexo server -i 192.168.0.4 -p 8011 --debug

6. 个性化配置

主要修改_config.yml：

title: 一番码客 #网站标题  subtitle: 挖掘你关注的亮点！ #网站副标题  description:  keywords:  author: Efon-fighting  language: zh-CN #网站语言  timezone:  .  .  .  theme: material-x #这里选择主题，即theme目录下的主题

7. 引用

当然，关于Hexo，还有很多其他的配置，大家可以参看这里的一些资料，查找自己对应的需求。特别是解决用markdown语法引用本地图片的问题，当时困扰了一番好久，几乎一度想放弃。

hexo中文文档：https://hexo.io/zh-cn/docs/setup
material-x主题：https://xaoxuu.com/wiki/material-x/#特别示例
hexo引用本地图片无法显示：https://blog.csdn.net/xjm850552586/article/details/84101345