Fluid

# 进阶玩法

# 压缩生成文件

可以使用 hexo-all-minifier (opens new window) 插件对生成的文件和图片进行压缩，大致步骤：

先安装插件：

npm i hexo-all-minifier --save

# Mac 系统还需要额外安装
brew install libtool automake autoconf nasm

然后在博客配置中加入：

all_minifier: true

这样即可快速使用。

具体的细节配置可参考官方文档 (opens new window)

# 使用 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

# 部署

这里演示如何部署到 GitHub Pages 中。

在博客配置中设置部署仓库，参考如下：

# Deployment
## Docs: https://hexo.io/docs/deployment.html
deploy:
  - type: git
    repo: git@github.com:username/username.github.io.git
    branch: master

将你的 ssh 密钥上传到远程仓库，如果未设置则需要手工输入用户名和密码。然在终端命令行：

hexo d

# 加快网页加载

  • 对于所有用户，将各种第三方库配置公共 CDN 是最有效的方式，可以通过主题配置中的 static_prefix 配置来链接（默认已经使用 staticfile CDN，国内用户可不做改动）；

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

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

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

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