更新
懒得在原文进行修改了,直接另开一章记录更新操作吧。
2024/08/01,使用jsDelivr
来加速Github访问。
在
_config.yml
中增加use_jsdelivr: true
创建辅助函数
blog/themes/stellar/scripts/helpers/jsdelivr_url.js 1
2
3
4
5
6
7
8
9;
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;
});修改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
24hexo.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配置
创建
公开
仓库进入个人
Settings
页面,选择Developer Settings
-Personal access tokens
-Tokens(classic)
-Generate new token(classic)
填写token属性,注意勾选
repo
,然后点击下方Generate token
生成后会跳转回原来的界面,绿色方框内会出现一串长字符token。这个token只会出现一次,务必记下使用。
PicGo设置
下载PicGo安装包,安装后打开
在
图床设置
中选择Github
,更改信息。存储路径可以选择让上传的图片单独放在仓库的某个文件夹中回到
上传区
,上传后就可以看到图片出现在github仓库里啦点击相册,可以直接复制图片链接进行访问