我想很多人都想有一个自己的博客网站，现在开源的博客系统也很多，但是像java，python这种开源的博客系统需要宿主机、申请域名、安装环境等稍稍复杂的操作，当然现在也可以基于阿里或者腾讯云提供的Docker容器服务搭建也是非常方便。那么，还有没有成本更低的搭建方式呢？这时候就需要提到Hexo了，什么是Hexo？Hexo 是一个快速、简洁且高效的博客框架。Hexo 使用 Markdown（或其他渲染引擎）解析文章，在几秒内，即可利用靓丽的主题生成静态网页。我可以将生产的静态页面托管到Github、Coding、Gitee等代码托管平台上，从而节约我们的服务器费用。

Hexo环境准备

我们首先需要安装一下几个环境:

• Node.js:安装的时候直接下一步即可(默认已勾选Add to PATH)
• Git

以上两项安装成功后,即可安装 Hexo:

1

npm install -g hexo-cli  #全局安装

新建博客

打开cmd命令行，进入到要创建博客的目录,执行以下命令:

1
2
3

hexo init <文件夹名> #会在当前目录创建一个文件夹,并下载hexo模版
cd <文件夹名>        #进入博客文件夹
npm install         #安装hexo相应依赖

构建成功后的目录如下:

启动起来看看效果:

1

hexo serve

我们可以看到hexo会自动生成一篇文章，并会提到4个常用命令:

1
2
3
4

hexo new "My New Post"  #创建博客,缩写hexo n "My New Post"
hexo server             #启动hexo,缩写hexo s
hexo generate           #生成静态页面,缩写hexo g
hexo deploy             #发布到静态托管服务器,缩写hexo d

一般我们发布都是 hexo g & hexo d 一起执行。

配置博客

这时候需要去修改根目录下的 _config.yml 配置文件,我们可以参考一下https://hexo.io/zh-cn/docs/configuration

其他的可以去网站查看，或者自行百度吧,实在是懒得抄了。

配置博客主题

Hexo为我们提供了很多主题模版,这里我推荐我喜欢的两个:

• hexo-theme-butterfly
• hexo-theme-icarus

更换主题步骤:

• 下载主题
• 将主题解压复制到themes文件夹中
• 修改_config.yml中的theme:属性，属性值为themes中文件夹名，如：theme: butterfly。

  如果使用butterfly主题的话，需要安装hexo-renderer-jade(pug的编译工具，内包括了pug的渲染引擎),npm install hexo-renderer-jade

部署到 GitHub Pages

• 新建一个 repository。如果你希望你的站点能通过 <你的 GitHub 用户名>.github.io 域名访问，你的 repository 应该直接命名为 <你的 GitHub 用户名>.github.io
• 修改_config.yml:

  1 2 3 4 5

  deploy: type: git repository: github: https://github.com/eyiadmin/eyiadmin.github.io.git #这里我们选择HTTPS的方式,当然也可以通过SSH方式(后期更加方便) branch: master

  因为是git，所以需要npm install --save hexo-deployer-git来安装插件,
• 发布到GitHub Pages:

  1	hexo g & hexo d

  上传成功后就可以在我们的repository中看到上传的静态页面,这时候就可以通过https://<你的 GitHub 用户名>.github.io来访问，如：https://eyiadmin.github.io/
  

Markdown常用语法

标题

1
2
3
4
5

# 一级标题
## 二级标题
### 三级标题
#### 四级标题
##### 五级标题

一级标题

二级标题

三级标题

四级标题

五级标题

超链接

1
2
3

[超链接名称](超链接地址 "超链接title(鼠标hover显示内容)")  
例如：
[农民工学编程](http://blog.52fx.biz "快来看农民工学编程啦")

农民工学编程

图片

1
2

![图片描述(显示在图片下方,可不填)](图片连接地址 "图片title(鼠标hover显示内容)")
![](http://xxnote.52fx.biz/publish.png "发布效果图")

代码

1

`单行内容`

多行用内容``` ```

First Blood

1
2
3
4
5
6
7
8
9

Double Kill 

Trible Kill 

Quadra Kill 

Penta Kill 

Ace 团灭!

Hexo添加音乐

一般的，我们可以通过网易云音乐生成一个外链

搜索并进入到指定的音乐播放页面后,点击生成外链播放器

在此页生成相关参数然后复制代码:

1

<iframe frameborder="no" border="0" marginwidth="0" marginheight="0" width=330 height=86 src="//music.163.com/outchain/player?type=2&id=29717271&auto=1&height=66"></iframe>

粘贴在页面中就会有下面的效果

但是有时候，会因为版权原因，无法生成外链

这时候就需要用到另外一个插件hexo-tag-aplayer(当然也可以使用云音乐歌单或者其他的外链网站),首先需要安装该插件

1

npm install --save hexo-tag-aplayer

找途径下载歌曲并上传到七牛云(如果你有的话,没有可以放到其他的托管服务器上)
然后在需要插入播放器的地方加入如下代码:

1

{% aplayer "歌曲名称" "作者" "音乐_url" "封面图片_url" "autoplay" %}

当然，除了上面两种方式，我们还可以使用meting-js,大家可以去查看相关资料

未完待续，不定期更新

https://github.com/gohugoio/hugo(Hugo是由Go语言实现的静态网站生成器)
https://github.com/jekyll/jekyll(jekyll是由Ruby语言实现的静态网站生成器)
https://github.com/hexojs/hexo(Hexo是由Nodejs语言实现的静态网站生成器)

https://blog.csdn.net/mqdxiaoxiao/article/details/93378785
https://www.jianshu.com/p/25145964abf3