Markdown图床设置

2019年01月11日 Tools
#Markdown

Markdown 图床设置

下载软件 PicGo

官方下载地址：

选择自己的操作文件下载,安装即可

配置七牛云图床

  • 注册七牛云：七牛云(qiniu.com)，完成认证

    • 注册域名，绑定域名，解析 CNAME

  • 配置 PicGo

    • 第一项设定 AK：七牛云我的个人中心=>密钥管理=>AK
    • 第二项设定 SK：七牛云我的个人中心=>密钥管理=>SK
    • 第三项存储空间名：七牛云对象存储=>空间管理=>空间名
    • 第四项域名：七牛云=>CDN=>域名管理=>域名
    • 默认存储区域：配置手册 | PicGo查看对应的值填写即可

    image-20231109163515517

配置 Markdown

  • 打开偏好设置

    image-20231109163543362

  • 找到图像=>上传服务设定=>选择 PicGo.app=>验证图片上传选项

    image-20231109163557899

  • 验证成功

  • Markdown 的文档图片可以选择右键上传到 PicGo

配置 github 图床

设置的七牛云的仓库如何遇到爬虫会把流量用超,产生费用,觉得自己搞一个 github 图床更稳当,也方便使用

新建一个 github 仓库,设置为公开库

image-20250326210921168

新建 github 的访问 token

设定的自定义域名使用 cdn 访问:前缀是https://cdn.jsdelivr.net/gh/+设定的仓库名即可访问

登录 github 仓库,依次找到settings->Developer Settings->Personal access tokens->Tokens(classic)的右上角新建

image-20250326211131280

New personal access token (classic)

`note 填写名称,勾选仓库 repo,点击创建后会看到 token,要自己保存下来,后面就看不见了

image-20250326211303727

打开 PicGo.app 配置 github 图床

要想访问仓库中的这个 test.png 图片，需要把链接地址中的 blob 改为 raw。即 https://github.com/RonHaiT/Image-hosting/blob/master/image-20250326211842473.png 。或者在地址后拼接一段 ?raw=true，即 https://github.com/RonHaiT/Image-hosting/blob/master/image-20250326211842473.png?raw=true 。url 会变成https://raw.githubusercontent.com/RonHaiT/Image-hosting/refs/heads/master/image-20250326211842473.png

但是，我们发现，通过 github 直接访问图片，速度不是特别理想，毕竟服务器在国外。

因此，我们可以使用 jsDelivr 进行 CDN 加速。这是完全开源免费的。

使用方法，非常简单，即把图片地址链接域名改为 CDN 的域名。格式如下：

https://cdn.jsdelivr.net/gh/<你的github用户名>/<你的图床仓库名>@<仓库版本号>/图片的路径

还是以上边的 test.png 图片为例，仓库版本号直接用分支名，由于现在 github 主分支名字都叫 main 了，因此版本号写 main 。图片路径，是在仓库中的相对路径，因为我这里就在根目录，因此就是 test.png 。

最终地址为 https://cdn.jsdelivr.net/gh/RonHaiT/Image-hosting@master/image-20250326211842473.png。

其他说明，可参考 jsDelivr 官网介绍，jsDelivr 官网

image-20250326211555173

设置完成确定,在设为默认图床

Typora 设置

找到设置->图像->插入图片时上传图片->上传服务选择 PicGo,app->验证成功即可使用

image-20250326211842473

Vscode 设置

  • 在 vscode 插件搜索安装 PicGo 插件

  • 配置 github 图床 配置文档 20250827212311

  • 使用 mac 的上传快捷键，复制后按

    Mac option + cmd + u（mac）插入图片了

    Windows Ctrl + Alt + U Ctrl + Alt + E Ctrl + Alt + O

github token 获取

  1. 登录 GitHub 账户并进入设置页面： 点击右上角的头像，在下拉菜单中选择“Settings”（设置）。
  2. 进入开发者设置： 在左侧边栏中，找到并点击“Developer settings”（开发者设置）。
  3. 生成新的个人访问令牌（PAT）： 在“Developer settings”页面，选择“Personal access tokens”（个人访问令牌），然后点击“Generate new token”（生成新令牌）。 填写令牌信息：: Note（备注）：:填写一个有意义的名称，例如“图床令牌”。 Expiration（过期时间）：:选择合适的过期时间，或者选择“No expiration”（无过期时间）。 选择权限：:勾选 repo 选项，这将授予令牌对你所有仓库的读写权限，用于上传和管理图片。
  4. 复制并保存 Token： 点击“Generate token”（生成令牌）按钮。 生成的 Token 是一串长字符串，它只会在生成时显示一次。务必在此时将其复制并妥善保存，因为之后再也无法查看。 后续操作： 将这个复制到的 Token 填写到你的图床工具（例如 PicGo）的 GitHub 图床设置中，同时填入你的 GitHub 用户名、图床仓库名，以及配置自定义域名（例如 https://cdn.jsdelivr.net/gh/你的用户名/你的图床仓库名）。 20250827213032
↑
0%