Hexo主题Aurora的魔改（一）

Hexo主题Aurora的魔改（一）

刚接触Hexo，就碰到了这么好的主题，如图是Aurora作者的博客展示：

你可以从去Github了解Hexo和Aurora主题。

虽然主题很好看，但是对于刚接触Hexo，折腾起来是有点棘手。

安装出现问题，主题修改摸不着头脑，Deploy出现问题。

下面我将从替换源站静态文件和图片文件链接，以及替换cdns.cloudflare.com链接两个方面来介绍我修改的内容，以后可能还有，敬请期待。

替换源站链接

由于github.io在国内的访问速度很慢，而且也不容易被爬虫抓取，所以我果断选择了在自己的服务器上部署hexo发布的静态文件，关于 如何通过宝塔在自己的服务器上部署hexo站点，可以参考 这两位 博主的做法 :

Hexo 部署至云服务器（宝塔面板） - 黑石博客 - Hexo博客 (heson10.com)

用宝塔面板将hexo部署到阿里云 | JSOPY

如果Hexo d时碰到 bash: git-receive-pack: command not found fatal: Could not read from remote repository.这样的问题，可以参考：

bash: git-receive-pack: command not found fatal: Could not read from remote repository._小志的博客-CSDN博客

但是问题又来了，由于我是用的腾讯云的1H2G的香港轻量，资源不够，所以想像wordpress那样弄一个CDN，以及自动替换源站链接为CDN链接，但是搜索了一圈，也没能找到好的方法来自动替换链接，以下是我搜索到的方法，都不太有用，如果有网友实验成功，可以告知以下博主，我也想白嫖。

自动使用jsdelivr CDN 加速hexo的图片等静态资源加载 | 鸿雁自南人自北 (renzibei.com)

使用 jsDelivr 免费加速 GitHub Pages 博客的静态资源 - SegmentFault 思否

使用 jsDelivr 为 Hexo 博客提供高效免费的CDN加速 | 素履独行 (yuanpei.me)

暂时没法，只能一个个去替换使用的链接，

1.替换head里的link

找到路径：Hexo\node_modules\hexo-theme-aurora\layout\index.js

修改head头里面的引用链接，如：

/favicon.ico

/static/css/chunk-libs.eebac533.css

/static/css/app.0d31776f.css

将这些链接修改为你的cdn链接，如jsdelivr

2.其他链接替换

还是上面的index.ejs文件，ctrl+f搜索 i.p="/"

将 i.p="/" 改为cdn链接 ，如：i.p="https://cdn.jsdelivr.net/gh/MeerOst/meerost.github.io@master/"

这样即可，去游览器f12，可以看到源站链接只有html和json文件了

替换cdns.cloudflare.com链接

由于主题引用了cdnjs.cloudflare.com链接，而这个域名在国内访问慢，ping值高，所以速度并不理想，甚至还会出现一直绕圈的情况。所以需要替换链接，

f12查看，原来是由于引用了clipboard.min.js文件，而这个文件的引用链接并没有出现在主题文件里面，说明是引用的外部文件里面包含了这个clipboard.min.js文件的引用链接，查与clipboard相关的外部文件，发现是prism-copy-to-clipboard.min.js文件，引用了clipboard.min.js文件，现在只需修改prism-copy-to-clipboard.min.js引用链接就可以了。

这里有许多方法，你可以自己琢磨一下，我的方法是，

1.下载clipboard.min.js文件

下载clipboard.min.js文件，并上传到github上，找到其jsdelivr的cdn链接

，如：https://cdn.jsdelivr.net/gh/MeerOst/MeerOstPubilcStatic/ajax/libs/clipboard.js/2.0.0/clipboard.min.js

1.下载prism-copy-to-clipboard.min.js

下载prism-copy-to-clipboard.min.js文件，将https://cdnjs.cloudflare.com/ajax/libs/clipboard.js/2.0.0/clipboard.min.js链接替换为jsdelivr的cdn链接，最后将prism-copy-to-clipboard.min.js文件上传到github，并找到其jsdelivr的cdn链接，如：https://cdn.jsdelivr.net/gh/MeerOst/MeerOstPubilcStatic/npm/prismjs@1.23.0/plugins/copy-to-clipboard/prism-copy-to-clipboard.min.js

3.替换本地文件链接

找到本地路径：Hexo\\node_modules\hexo-theme-aurora\data\en.yml 打开en.yml文件，或Hexo\\node_modules\hexo-theme-aurora\data\en.yml的cn.yml文件（看你_config.aurora.yml里面的cdn配置使用的是cn还是en）将prism-copy-to-clipboard.min.js文件的引用链接替换为上面的jsdelivr的cdn链接。

Valine评论无法显示问题

• 如果你在cdn配置为en时，valine会出现无法显示的情况（cn我不知道会不会也有这种情况）
• 最后查明是Valine.min.js文件报错：不存在，你需要找到
  ​ - Hexo\node_modules\hexo-theme-aurora\data\en.yml
• 文件，将其中Valine.min.js的引用链接改为
  ​ - https://cdn.jsdelivr.net/
  ​ - npm/valine@1.4.14/dist/
  ​> - Valine.min.js(请自行需要将链接拼接)。

由于我是第一次写博客，难免有些错误和啰嗦，望各位xdm多担待，多指点，谢谢！

阅读原文: Hexo主题Aurora的魔改（一）