hexo安装themia/next主题记录&进坑指南

第一个需要注意的是，NPM 国内易被墙，需要手工走代理以及走淘宝的源：

npm config set proxy=http://127.0.0.1:1080
npm config set registry=https://registry.npm.taobao.org/
npm config set https-proxy http://127.0.0.1:1080
以上端口为你本地代理的端口

在构建的过程若遇到如下：

npm WARN optional SKIPPING OPTIONAL DEPENDENCY: fsevents@^1.0.0 (node_modules\webpack\node_modules\chokidar\node_modules\fsevents):
npm WARN notsup SKIPPING OPTIONAL DEPENDENCY: Unsupported platform for [email protected]: wanted {"os":"darwin","arch":"any"} (current: {"os":"win32","arch":"x64"})

是因为 fsevent是mac osx系统的模块，在win或Linux使用了 所以会有警告，忽略即可

修改hexo根目录下 _config.yml

theme: hexo-theme-themia
post_asset_folder: true    //可以使用到封面图像，缩略图图像和照片展示等功能。

在运行过程中无法使用该主题时，报了cannot find module 'hexo-util' 之类的错，请进入该主题目录，安装依赖：

$ npm install
$ bower install

不过这样还无法运行，需要在对主题进行build(参见https://github.com/LouisBarranqueiro/hexo-theme-tranquilpeak/issues/203):

npm install -g grunt-cli

然后执行:

grunt build

会出现:

Running "clean:build" (clean) task

Cleaning source/assets...OK

Running "bower:dev" (bower) task
source\assets\images\blank.gif copied.
source\assets\images\fancybox_loading.gif copied.
source\assets\images\[email protected] copied.
source\assets\images\fancybox_overlay.png copied.
source\assets\images\fancybox_sprite.png copied.
source\assets\images\[email protected] copied.
source\assets\js\jquery.fancybox.js copied.
source\assets\css\jquery.fancybox.css copied.
source\assets\css\jquery.fancybox-thumbs.css copied.
source\assets\js\jquery.fancybox-thumbs.js copied.
source\assets\css\font-awesome.css copied.
source\assets\fonts\FontAwesome.otf copied.
source\assets\fonts\fontawesome-webfont.eot copied.
source\assets\fonts\fontawesome-webfont.svg copied.
source\assets\fonts\fontawesome-webfont.ttf copied.
source\assets\fonts\fontawesome-webfont.woff copied.
source\assets\fonts\fontawesome-webfont.woff2 copied.
source\assets\js\jquery.js copied.

Running "sass:dev" (sass) task

Running "concat:devJs" (concat) task
File source/assets/js/tranquilpeak.js created.

Running "sync:dev" (sync) task

Running "sails-linker:devJs" (sails-linker) task
padding length 0
File "layout/_partial/script.ejs" updated.

Running "sails-linker:devCss" (sails-linker) task
padding length 4
File "layout/_partial/head.ejs" updated.

Running "replace:linker" (replace) task

Running "replace:cssFancybox" (replace) task

Running "replace:cssTranquilpeak" (replace) task

Done, without errors.

 之后便可回到blog下执行hexo s后查看首页啦！

第一版有了，你就可以开始写属于自己的blog了。

然后，你就需要如下这个自动部署脚本：

hexo generate
cp -R public/* .deploy/xxx.github.io
cd .deploy/xxx.github.io
git pull
git add .
git commit -m “update”
git push origin master

对了，如果你试一试在themia和next两个主题之间多切换几次，恭喜你，你就会进坑了，你会发现突然部署后样式全无:

解决办法:

```

hexo clean一下，在执行你的部署脚本即可，或者你可以在把这句话干脆直接加进你的脚本

```