Hello Hexo
前言
在现代化的技术下，从看上别人的板娘到博客的部署完成，不到几天一个博客就诞生啦 ！此次记录一下过程，希望可以帮助同样使用Hexo搭建博客的人！✨
本博客是使用 Hexo 框架， 搭配 typography 主题来食用
Makito 提供 typography原始主题
journey-ad 提供 typography二次开发主题
以下是搭建Hexo的整体步骤，思路为主🧐
- 框架 Hexo
- 主题 typography
- 样式、脚本修改
- 添加板娘
- 评论 valine
- 图片 img-box 、音乐 cplayer
- 标签页、类别页
- 部署
框架 Hexo
Hexo 正如 官网介绍，是快速、简洁且高效的博客框架
安装后使用一个命令，便可以在本地生成一个博客！🚀
Hexo 就像一个榨汁机🥃，出厂自带一个普通水果🍎（主题），支持用户自定义自己的水果🍋🍍🍑🍒🥥
Hexo 框架负责博客的操作、生成页面、部署以及支持自定义扩展等通用功能，用户自定义主题并且配置好他们的关系，Hexo便根据主题生成正确的页面
开始搭建第一个Hello Hexo吧！ Hexo快速开发文档
主题 typography
假设你已经搭建好了你的第一个博客 Hello Hexo，你的，接下来把主题 typography 下载到根目录下的文件夹themes，配置好Hexo和typography的关系，这里需要结合两份文档参考：Hexo快速开发文档与主题typography下的README.md
本博客基于journey-ad 提供 typography二次开发主题
- img-box
- 网易云cplayer
- 评论valine
- 样式的二次修改
需自己动手实现
- 识别QQ邮箱头像
- 邮件提醒(leancloud实现)
- 新增分类页、标签页
样式、脚本修改
假设你已经完美的把Hexo&typography完美结合在一起了，接下来是基本操作，按照自己的意愿对博客的样式以及脚本进行修改，修改后需要手动主题目录下编译打包一下，详情移步主题下的package.json
HTML：jade是一款模版引擎，CSDN\简书\博客园看一遍教程基本没问题
JavaScript：修改后需要在主题目录下npm run build:webpack
CSS：使用SCSS，修改后需要在主题目录下npm run build:scss
添加板娘
假设你对修改主题文件已经得心应手
原本我也只是想在博客园简单拥有个板娘的，没想到意外看到这个主题，这个博客就出来了🙈
在Hexo根目录
npm install hexo-helper-live2d安装完毕后，根据文档配置一下就🆗啦！
右下角的板娘就出现了，如果你啥也不配，右下角会默认出现shizuku，自带点击交互声音
更多信息，参考: hexo-helper-live2d
评论 valine
在二次开发的主题中已经集成了 valine，只需要手动替换一个 appId和appkey即可。
识别QQ邮箱头像? cungudafa
配置valine? valine官网
图片 img-box 、音乐 cplayer
img-box 已经集成在样式中，无需额外的修改
journey-ad 已经在二次开发主题中提供了网易云接口的cplayer
{% cplayer %} [1356233927,1356237497,1356237499,1356233951,1356237498,1356237501,1356237500,1356233953] {% endcplayer %}用法：只需在标签中声明网易云音乐的ID即可
{% cplayer %}
[ids]
{% endcplayer %}音乐播放器播放列表高度有问题，最后一首歌有时会被隐藏。修改一下样式即可解决。
标签页、类别页
在Hexo根目录
npm install hexo-generator-category-enhanceHexo根目录下的 _config.yml
# Generate archive page
archive_generator:
per_page: 0
# Generate categories index page and each category page
category_generator:
per_page: 10
enable_index_page: true
# Generate tags index page and each tag page
tag_generator:
per_page: 10
enable_index_page: true部署
到这里你的Hexo已经基本完工了，可以选择部署到网络上，选择也有很多，github、自己的服务器等，网上也有许多教程，这里就不细说。
可以参考：Hexo+github、Hexo+宝塔镜像
END