# 引言

早在使用 WordPress 时就有了解过 hexo，不过当时也因为在使用 WordPress 的原因，所以就没有去了解 hexo 了，然后刚好最近也不是很忙，所以也就花了点时间去看了一下 hexo 的相关配置和文章，并且自己也尝试了搭建和配置，这边的博客使用的就是 hexo 了

# 这边是我的原博客

浅末 saki

这边的黑点大概和屏幕或者截屏有关，，，实际效果并不是这样

# 关于 hexo 的配置

hexo 相比 WordPress 来说，更轻量，和 vue 很像，只需要把编译后的文件放到服务器或者 GitPage 中即可，因为是纯静态的原因所以也不需要和数据库做交互啥的，这样体验感就好很多了，至少在加载速度上是远快于 WordPress 的，不过也因为是纯静态的原因，所以配置起来没有 WordPress 方便，各有利弊吧

注：需要配合 nodejs、git 使用

1. 安装 hexo

   npm install hexo-cli -g

2. 使用 hexo 创建博客

   hexo init myblog

   // 创建博客

   cd myblog

   // 到博客根目录下

   npm install

   // 安装依赖

   hexo s

   // 运行本地环境

3. 主题的使用及编译

   # 使用 git clone 或者直接下载主题到博客根目录中的 theme 文件夹下

   git clone https://github.com/amehime/hexo-theme-shoka.git ./themes/shoka

   # shoka

   这个主题需要使用到对应的 markdown，所以使用 shoka 要卸载自带的 markdown 或者其它的

   npm un hexo-renderer-marked --save

   安装 hexo-renderer-multi-markdown-it -- md 文件渲染器，压缩 css/js/html

   npm i hexo-renderer-multi-markdown-it --save

   安装 hexo-autoprefixer -- 给生成的 css 文件们添加浏览器前缀

   npm install hexo-autoprefixer --save

   安装 hexo-algoliasearch -- 站内搜索功能

   npm install hexo-algoliasearch --save

   安装 hexo-symbols-count-time -- 文章或站点字数及阅读时间统计

   npm install hexo-symbols-count-time

   安装 hexo-feed -- 生成 Feed 文件

   npm install hexo-feed --save-dev

   评论 api

   leancloud

   搜索 api

   algolia

   # 修改配置文件

   这边的_config.shoka.yml 为示例中拷贝

   # 编译

   hexo g

   编译后的文件在 public 中（博客根目录下）

这种配置其实也没啥能写的，跟着官网的文档来就好了，主题也有对应的文档，以后碰到其它问题再记录吧