打开网页出现问题 about hexo-theme-butterfly

[jerryc127]

如果你没有pug以及stylus的渲染器，请下载安装： npm install hexo-renderer-jade hexo-renderer-stylus --save or yarn add hexo-renderer-jade hexo-renderer-stylus

 记得hexo clean

[JacklinZhang]

已经在root下安装了渲染器，重新clean发布后依然还是这样
https://jacklin-zhang.cn/

[jerryc127]

發一下package.json

[JacklinZhang]

• {
  "name": "hexo-site",
  "version": "0.0.0",
  "private": true,
  "hexo": {
  "version": "3.8.0"
  },
  "dependencies": {
  "hexo": "^3.8.0",
  "hexo-deployer-git": "^1.0.0",
  "hexo-generator-archive": "^0.1.5",
  "hexo-generator-category": "^0.1.3",
  "hexo-generator-index": "^0.2.1",
  "hexo-generator-tag": "^0.2.0",
  "hexo-renderer-ejs": "^0.3.1",
  "hexo-renderer-marked": "^1.0.1",
  "hexo-renderer-stylus": "^0.3.3",
  "hexo-server": "^0.3.3"
  }
  }

[jerryc127]

npm install hexo-renderer-jade --save

你裝下這個再試試

[JacklinZhang]

可以了，非常感谢你

[JacklinZhang]

渲染器和jade都是在root下安装吗？
我刚刚clean后，这些都被清理了

[jerryc127]

博客根目錄

[JacklinZhang]

博客根目录指的是hexo文件夹吗

[jerryc127]

嗯

.../blog/themes/Butterfly

就是blog這個位置

[JacklinZhang]

好的，明白，但是这样每次clean一次缓存都得重新安装，貌似有点麻烦，我之前就是在这个位置

[jerryc127]

不会啊 clean是把public和.deploy_git删掉
你的渲染器和jade安装在node_modules

[JacklinZhang]

[root@VM_0_9_centos hexo]# hexo clean

INFO Deleted database.
INFO Deleted public folder.

[root@VM_0_9_centos hexo]# hexo g

INFO Start processing
INFO Files loaded in 338 ms
INFO Generated: index.html
INFO Generated: archives/index.html
INFO Generated: CNAME
INFO Generated: archives/2019/06/index.html
INFO Generated: img/404.jpg
INFO Generated: img/algolia.svg
INFO Generated: img/comment_bg.png
INFO Generated: img/favicon.ico
INFO Generated: archives/2019/index.html
INFO Generated: img/friend_404.gif
INFO Generated: img/alipay.jpg
INFO Generated: css/var.css
INFO Generated: js/activate-power-mode.js
INFO Generated: img/wechat.jpg
INFO Generated: js/baidupush.js
INFO Generated: js/nightshift.js
INFO Generated: js/runtimeshow.js
INFO Generated: js/utils.js
INFO Generated: css/index.css
INFO Generated: js/main.js
INFO Generated: js/tw_cn.js
INFO Generated: 2019/06/14/new-article/index.html
INFO Generated: 2019/06/14/hello-world/index.html
INFO Generated: js/search/algolia.js
INFO Generated: js/third-party/anime.min.js
INFO Generated: js/search/local-search.js
INFO Generated: js/third-party/canvas-ribbon.js
INFO Generated: js/third-party/piao.js
INFO Generated: js/third-party/jquery.fancybox.min.js
INFO Generated: js/third-party/jquery.min.js
INFO Generated: img/avatar.png
INFO 31 files generated in 1.43 s

[root@VM_0_9_centos hexo]# hexo d

INFO Deploying: git
INFO Clearing .deploy_git folder...
INFO Copying files from public folder...
INFO Copying files from extend dirs...
[master 588bf5b] Site updated: 2019-06-14 14:54:33
6 files changed, 321 insertions(+), 174 deletions(-)
rewrite 2019/06/14/hello-world/index.html (99%)
rewrite 2019/06/14/new-article/index.html (99%)
rewrite archives/2019/06/index.html (99%)
rewrite archives/2019/index.html (99%)
rewrite archives/index.html (99%)
rewrite index.html (99%)
Counting objects: 23, done.
Compressing objects: 100% (8/8), done.
Writing objects: 100% (12/12), 2.33 KiB | 0 bytes/s, done.
Total 12 (delta 1), reused 0 (delta 0)
remote: Resolving deltas: 100% (1/1), done.
To [email protected]:Jacklin-Zhang/Jacklin-Zhang.github.io.git
4fc0990..588bf5b HEAD -> master
Branch master set up to track remote branch master from [email protected]:Jacklin-Zhang/Jacklin-Zhang.github.io.git.
INFO Deploy done: git

[JacklinZhang]

我刚刚又试了一次clean后，网站又变回来了
你可以看下网站https://jacklin-zhang.cn/

[jerryc127]

你的package.json 有么有 hexo-renderer-jade

[JacklinZhang]

{
"name": "hexo-site",
"version": "0.0.0",
"private": true,
"hexo": {
"version": "3.8.0"
},
"dependencies": {
"hexo": "^3.8.0",
"hexo-deployer-git": "^1.0.0",
"hexo-generator-archive": "^0.1.5",
"hexo-generator-category": "^0.1.3",
"hexo-generator-index": "^0.2.1",
"hexo-generator-tag": "^0.2.0",
"hexo-renderer-ejs": "^0.3.1",
"hexo-renderer-marked": "^1.0.1",
"hexo-renderer-stylus": "^0.3.3",
"hexo-server": "^0.3.3"
}
}

[JacklinZhang]

是不是插入这里就不会被clean掉了

[jerryc127]

你改成

{
  "name": "hexo-site",
  "version": "0.0.0",
  "private": true,
  "hexo": {
    "version": "3.8.0"
  },
  "dependencies": {
    "hexo": "^3.8.0",
    "hexo-deployer-git": "^1.0.0",
    "hexo-generator-archive": "^0.1.5",
    "hexo-generator-category": "^0.1.3",
    "hexo-generator-index": "^0.2.1",
    "hexo-generator-tag": "^0.2.0",
    "hexo-renderer-ejs": "^0.3.1",
    "hexo-renderer-marked": "^1.0.1",
    "hexo-renderer-stylus": "^0.3.3",
    "hexo-renderer-jade": "^0.4.1",
    "hexo-server": "^0.3.3"
  }
}

然后在根目录输入

npm install

[jerryc127]

没有package.json？

还有这些不是主题的bug
你可以自己谷歌解决
你应该是linux吧
我不懂linux
或许你谷歌会更好

[JacklinZhang]

已经成功了，感谢你
在根目录应该没有package.json，那些应该是警告而已，应该不碍事，你用的是windows吗
而且，我发现这主题用手机浏览的效果也很好
其实我的前端就学了一点点，所以基础不是很好，还需向您学习

[jerryc127]

我前端也不怎么样
边谷歌边研究的

[HuEnming]

I met the same problem, and the reason is I forgot installing the plugin.