waline评论插件如何修改样式。

[nanbowan323]

作者好，我已经根据教程成功引入waline至博客。但我一直没找到自定义样式的文件，请问样式变量填写在哪？并且我发现waline插件最新版到了1.3.3。但引入到博客的版本是1.3.1。是什么原因呢？

[ppoffice]

@nanbowan323 不清楚你参考的是什么教程。不过Icarus内置的Waline是1.3.1版本的（https://github.com/ppoffice/hexo-component-inferno/blob/master/src/view/comment/waline.jsx#L144）。如果你要自己引入Waline的话：

1. 要么你在themes/icarus/layout/comment目录下创建自己的waline.jsx来覆盖掉内置的版本；
2. 或者你把自己的waline改为其他的名字，并在_config.yml中使用这个名字。

另外，主题没有规定自定义样式文件或者变量。你可以自己添加CSS文件到布局文件中。

[nanbowan323]

感谢答复，请问添加waline.jsx后出现如下报错是什么原因呢？
ERROR {
err: Error: Cannot find module '../../util/cache'
Require stack:

• /Users/nanbowan/Documents/Blog web/themes/icarus/layout/comment/waline.jsx
• /Users/nanbowan/Documents/Blog web/node_modules/hexo-renderer-inferno/lib/compile.js
• /Users/nanbowan/Documents/Blog web/node_modules/hexo-renderer-inferno/index.js
  at Function.Module._resolveFilename (internal/modules/cjs/loader.js:623:15)
  at Function.Module._load (internal/modules/cjs/loader.js:527:27)
  at Module.require (internal/modules/cjs/loader.js:681:19)
  at require (internal/modules/cjs/helpers.js:16:16)
  at Object. (/Users/nanbowan/Documents/Blog web/themes/icarus/layout/comment/waline.jsx:6:28)
  at Module._compile (internal/modules/cjs/loader.js:774:30)
  at Module._compile (/Users/nanbowan/Documents/Blog web/node_modules/pirates/lib/index.js:99:24)
  at Module._extensions..js (internal/modules/cjs/loader.js:785:10)
  at Object.newLoader [as .jsx] (/Users/nanbowan/Documents/Blog web/node_modules/pirates/lib/index.js:104:7)
  at Module.load (internal/modules/cjs/loader.js:641:32)
  at Function.Module._load (internal/modules/cjs/loader.js:556:12)
  at Module.require (internal/modules/cjs/loader.js:681:19)
  at require (internal/modules/cjs/helpers.js:16:16)
  at Function.compile (/Users/nanbowan/Documents/Blog web/node_modules/hexo-renderer-inferno/lib/compile.js:26:23)
  at _View._precompile (/Users/nanbowan/Documents/Blog web/node_modules/hexo/lib/theme/view.js:129:33)
  at new View (/Users/nanbowan/Documents/Blog web/node_modules/hexo/lib/theme/view.js:27:10)
  at new _View (/Users/nanbowan/Documents/Blog web/node_modules/hexo/lib/theme/index.js:33:5)
  at Theme.setView (/Users/nanbowan/Documents/Blog web/node_modules/hexo/lib/theme/index.js:65:18)
  at /Users/nanbowan/Documents/Blog web/node_modules/hexo/lib/theme/processors/view.js:14:14
  at tryCatcher (/Users/nanbowan/Documents/Blog web/node_modules/bluebird/js/release/util.js:16:23)
  at Promise._settlePromiseFromHandler (/Users/nanbowan/Documents/Blog web/node_modules/bluebird/js/release/promise.js:547:31)
  at Promise._settlePromise (/Users/nanbowan/Documents/Blog web/node_modules/bluebird/js/release/promise.js:604:18) {
  code: 'MODULE_NOT_FOUND',
  requireStack: [
  '/Users/nanbowan/Documents/Blog ' +
  'web/themes/icarus/layout/comment/waline.jsx',
  '/Users/nanbowan/Documents/Blog ' +
  'web/node_modules/hexo-renderer-inferno/lib/compile.js',
  '/Users/nanbowan/Documents/Blog ' +
  'web/node_modules/hexo-renderer-inferno/index.js'
  ]
  }
  } Process failed: %s layout/comment/waline.jsx

[ppoffice]

https://ppoffice.github.io/hexo-theme-icarus/uncategorized/%E5%B8%B8%E8%A7%81%E9%97%AE%E9%A2%98/#%E5%B8%83%E5%B1%80

[nanbowan323]

修改后，提交没有报错。但是还是没找到可以修改的样式的地方。 如教程中提到的样式变量https://waline.js.org/guide/client/style.html。
--waline-theme-color: #27ae60;
--waline-active-color: #2ecc71;
这些样式变量不知道可以在哪填写的位置。

[nanbowan323]

网上有关icarus和waline的教程确实没有，其实在引用walin评论插件的时候，最大的问题就是icarus主题色是蓝色。waline主题色为绿色。主要是希望可以解决主题色差异的问题。