更新

懒得在原文进行修改了,直接另开一章记录更新操作吧。


2024/08/01,使用jsDelivr来加速Github访问。

  1. _config.yml中增加use_jsdelivr: true

  2. 创建辅助函数

    blog/themes/stellar/scripts/helpers/jsdelivr_url.js
    1
    2
    3
    4
    5
    6
    7
    8
    9
    'use strict';

    hexo.extend.helper.register('jsdelivr_url', function (url) {
      if (this.config.use_jsdelivr && url.startsWith('https://raw.githubusercontent.com')) {
        return url.replace('https://raw.githubusercontent.com', 'https://cdn.jsdelivr.net/gh')
          .replace('randomax77/imgs/main', 'randomax77/imgs@main');
      }
      return url;
    });
  3. 修改Markdown渲染器

    blog/themes/stellar/scripts/jsdelivr_filter.js
    1
    2
    3
    4
    5
    6
    7
    8
    9
    10
    11
    12
    13
    14
    15
    16
    17
    18
    19
    20
    21
    22
    23
    24
    hexo.extend.filter.register('after_post_render', function (data) {
        const jsdelivrUrl = function (url) {
            if (hexo.config.use_jsdelivr && url.startsWith('https://raw.githubusercontent.com')) {
                return url.replace('https://raw.githubusercontent.com', 'https://cdn.jsdelivr.net/gh')
          .replace('randomax77/imgs/main', 'randomax77/imgs@main');
            }
            return url;
        };

        // 处理常规 Markdown 图片
        data.content = data.content.replace(/!\[([^\]]*)\]\((https:\/\/raw\.githubusercontent\.com[^)]+)\)/g, function (match, alt, url) {
            return `![${alt}](${jsdelivrUrl(url)})`;
        });



        // 处理 HTML 图片标签
        data.content = data.content.replace(/<img([^>]*)src="(https:\/\/raw\.githubusercontent\.com[^"]+)"([^>]*)>/g, function (match, before, url, after) {
            return `<img${before}src="${jsdelivrUrl(url)}"${after}>`;
        });
       
        return data;

    });

Github配置

  1. 创建公开仓库

  2. 进入个人Settings页面,选择Developer Settings-Personal access tokens-Tokens(classic)-Generate new token(classic)

  3. 填写token属性,注意勾选repo,然后点击下方Generate token

  4. 生成后会跳转回原来的界面,绿色方框内会出现一串长字符token。这个token只会出现一次,务必记下使用。

PicGo设置

  1. 下载PicGo安装包,安装后打开

  2. 图床设置中选择Github,更改信息。存储路径可以选择让上传的图片单独放在仓库的某个文件夹中

  3. 回到上传区,上传后就可以看到图片出现在github仓库里啦

  4. 点击相册,可以直接复制图片链接进行访问

参考资料

使用PicGo + GitHub 搭建 Obsidian 图床
PicGo+GitHub搭建免费图床


本站由 Tilikum 使用 Stellar 1.28.1 主题创建。
Tilikum can make mistakes. Check important info.

|