Markdown 文档插图指南(PicGo + 阿里云 OSS)

Markdown 文档插图指南(PicGo + 阿里云 OSS)

Yeren Lv3

本文将介绍如何在 Typora 或 VS Code 中快速插入图片,并将图片自动上传到阿里云对象存储(OSS)。

效果展示

插图演示

  • 在 Typora 或 VSCode 中直接粘贴图片
  • 图片自动上传至阿里云 OSS
  • Markdown 文档中自动插入可外链的图片地址,可直接在网页或 GitHub 中预览

快速配置指南

针对不同编辑器,提供两种主流配置方式:

  • 方式一:Typora 用户(适合喜欢图形界面操作)
  • 方式二:VS Code 用户(适合偏向插件操作)

方式一:Typora 用户(推荐 PicGo GUI 应用)

第一步:下载安装 PicGo

  1. 前往 GitHub 发布页
    推荐版本

  2. 下载适用于你的操作系统(Windows/macOS)

  3. 安装并运行 PicGo 应用

下载图示


第二步:配置阿里云 OSS 图床

  1. 打开 PicGo,进入 图床设置阿里云 OSS

图床设置

  1. 填写以下配置信息,并点击「设为默认图床」:(此处为我的配置)
配置项 内容
AccessKey ID LTAI5tLPxQXqBkbrPJQUEC8s
AccessKey Secret (在aliyun OSS界面获取)
Area oss-cn-beijing
Bucket isedocument
Path images/

最终设置界面如下:

OSS 配置图


第三步:在 Typora 中启用 PicGo 上传功能

在 Typora 设置中启用「图像上传服务」,选择 PicGo 应用。

Typora 配置图

  • 设置完成后,你可以在 Typora 中直接粘贴截图
  • 图片将自动上传至 OSS,Markdown 中插入图片链接

方式二:VS Code 用户(推荐使用 PicGo 插件)

第一步:安装 PicGo 插件

  1. 打开 VS Code,进入扩展商店
  2. 搜索并安装插件:PicGo(作者 Spades.S)

注意:这个插件基于 PicGo-Core,不是 PicGo GUI 应用。


第二步:配置图床信息

插件中图床配置方式与 GUI 应用一致:

  • 进入插件设置界面
  • 添加 OSS 图床配置信息

VS Code 配置图


第三步:设置快捷键,粘贴即上传

  • 可设置上传图片的快捷键(如:Cmd+Alt+U
  • 粘贴图片后自动上传至 OSS,并返回图片链接

快捷键图示


参考

VSCode+PicGo+阿里云配置个人博客图床最全解析

手把手教你搭建阿里云图床(PicGo+Typora+阿里云OSS),新手小白一看就会

  • Title: Markdown 文档插图指南(PicGo + 阿里云 OSS)
  • Author: Yeren
  • Created at : 2025-05-25 20:00:00
  • Updated at : 2025-05-25 20:00:00
  • Link: https://blog.yeren.xyz/2025/05/25/250525-Tech/
  • License: This work is licensed under CC BY-NC-SA 4.0.
Comments