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 fsevents@1.0.14: 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\fancybox_loading@2x.gif copied.
source\assets\images\fancybox_overlay.png copied.
source\assets\images\fancybox_sprite.png copied.
source\assets\images\fancybox_sprite@2x.png 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一下,在执行你的部署脚本即可,或者你可以在把这句话干脆直接加进你的脚本

```

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值