# 进阶玩法

# Hexo 插件

WARNING

所有插件仅作为推荐,并且不能保证完全与 Fluid 兼容使用(Fluid 开发组会尽力适配,但实际上大部分不兼容是我们无法单方面解决的),请仔细阅读它们的文档,以免造成不良后果。

hexo-all-minifier (opens new window) : 压缩 Hexo 生成的文件

hexo-abbrlink (opens new window) : 通过 Hex 算法生成永久的文章链接

hexo-tag-dplayer (opens new window) : 可以在文章中插入视频 Tag

live2d-widget (opens new window) : 在网页上加入 Live2D 看板娘

hexo-generator-feed (opens new window) : 生成 Atom 1.0 or RSS 2.0 feed

hexo-admin (opens new window) : 为 Hexo 搭建可视化管理页面

# 使用 jsDelivr 服务

插入来自 GitHub 仓库的图片,由于网络情况可能会出现加载慢和无法加载的情况,我们可以使用 jsDelivr (opens new window) 来加速图片文件等媒体文件的加载。

通常情况下,可以新建一个仓库来存放这些文件,目前已知的有图片、视频和引用的相关文件可以使用,GitHub 仓库最大上传文件为 25M,请注意文件大小。

使用方法(文件的绝对地址)

https://cdn.jsdelivr.net/gh/user/repo@version/file

相关实例(博客仓库下 master 分支里 favicon 图片文件)

https://cdn.jsdelivr.net/gh/fluid-dev/hexo-theme-fluid@master/source/img/favicon.png

# 加快网页加载

  • 对于所有用户,将各种第三方库配置公共 CDN 是最有效的方式,可以通过主题配置中的 static_prefix 配置来链接(默认使用 jsDelivr CDN);

  • 如果你的域名已备案,可以使用七牛云 (opens new window)、阿里云、腾讯云等大厂的 OSS 服务并绑定域名,将生成后的 public 目录下全部上传到 OSS,然后你不仅可以无服务器部署博客,加载速度也将无可比拟;

  • 没有备案,也可以通过香港及海外地区的云,或者私有 CDN 等方式进行加速,推荐一份 CDN 使用指南 (opens new window)

  • 如果图片是存在 source 目录中,建议搭配 hexo-all-minifier (opens new window) 插件,可自动对图片进行压缩;

  • 如果是存放在外部的图片,建议先使用 tinypng (opens new window) 进行压缩。

# StaticFile CDN

目前主题配置中默认的 CDN 已经替换为 jsDelivr,如果仍想使用 staticfile,可以按照下方修改配置(注意有个别在 staticfile 是没有的,可以自行替换为 cdnjs 或者 bootcdn ):

  anchor: https://cdn.staticfile.org/anchor-js/4.3.0/

  github_markdown: https://cdn.staticfile.org/github-markdown-css/4.0.0/

  jquery: https://cdn.staticfile.org/jquery/3.5.1/

  bootstrap: https://cdn.staticfile.org/twitter-bootstrap/4.5.3/

  highlightjs: https://cdn.staticfile.org/highlight.js/10.4.0/

  prismjs: https://cdn.staticfile.org/prism/1.22.0/

  tocbot: https://cdn.staticfile.org/tocbot/4.12.0/

  typed: https://cdn.staticfile.org/typed.js/2.0.11/

  fancybox: https://cdn.staticfile.org/fancybox/3.5.7/

  nprogress: https://cdn.staticfile.org/nprogress/0.2.0/

  mathjax: https://cdn.staticfile.org/mathjax/3.1.2/es5/

  katex: https://cdn.staticfile.org/KaTeX/0.12.0/

  busuanzi: https://busuanzi.ibruce.info/busuanzi/2.3/

  clipboard: https://cdn.staticfile.org/clipboard.js/2.0.6/

  mermaid: https://cdn.staticfile.org/mermaid/8.8.3/

  valine: https://cdn.staticfile.org/valine/1.4.14/

  waline: https://cdn.jsdelivr.net/npm/@waline/client@0.4.2/dist/

  gitalk: https://cdn.staticfile.org/gitalk/1.7.0/

  disqusjs: https://cdn.jsdelivr.net/npm/disqusjs@1.0/dist/

  twikoo: https://cdn.jsdelivr.net/npm/twikoo@0.1.15/dist/