嘘~ 正在从服务器偷取页面 . . .

在blog编辑时遇到的一些问题及其解决


配置音乐模块出现 css 未定义的问题

2021/4/22 更新

这个问题是在采用fluid主题进行配置的时候遇到的。

因为该主题没有Music插件,个人根据Matery相关配置文件进行了相应修改后,配置的时候发现报错显示css was not defined(大概是这么个意思,回头找到具体报错再修改)

相关配置文件
themes\hexo-theme-matery\layout\index.ejs
themes\hexo-theme-matery_config.yml
themes\hexo-theme-matery\source\libs\aplayer
themes\hexo-theme-matery\layout_widget\music.ejs


造成该报错的原因是云端没有正在运行的 Music 模块,其实不光 css 会报错,对应 js 也是会报错的。

个人给出的修改方式如下:

  • music.ejs里类似于<link rel="stylesheet" href="<%- theme.jsDelivr.url %><%- url_for(theme.libs.css.aplayer) %>">的代码改为对应的云端代码。

    例如,原代码是:

    <link rel="stylesheet" href="<%- theme.jsDelivr.url %><%- url_for(theme.libs.css.aplayer) %>">
    
    <script src="<%- theme.jsDelivr.url %><%- url_for(theme.libs.js.aplayer) %>"></script>
    

    修改为如下代码:

    <script src="https://cdn.jsdelivr.net/npm/aplayer@1.10.1/dist/APlayer.min.css"></script>
    
    <script src="https://cdn.jsdelivr.net/npm/aplayer@1.10.1/dist/APlayer.min.js"></script>
    
  • 修改完后即可正常部署到云端

  • 然后把本地代码修改回来,重新部署即可

要不我还是另外写一篇 Hexo 主题添加音乐模块的文章算了╮(╯▽╰)╭

代码块 {}不识别的问题

2021/4/21 更新

node_modules\hexo-prism-plugin\src\index.js的前面大概第 8 行的位置修改如下代码:

原代码:

const map = {
  '&#39;': '\'',
  '&amp;': '&',
  '&gt;': '>',
  '&lt;': '<',
  '&quot;': '"',
};

修改后:

const map = {
  '&#39;': '\'',
  '&amp;': '&',
  '&gt;': '>',
  '&lt;': '<',
  '&quot;': '"',
  '&#123;': '{',    //添加的代码
  '&#125;': '}'        //添加的代码
};

即可正常显示。


文章作者: 目棃
版权声明: 本博客所有文章除特別声明外,均采用 CC BY 4.0 许可协议。转载请注明来源 目棃 !
评论
  目录