开发工具
程序员日常

Typora+PicGo搭建博客图床

前言

在平常我们创作技术博客时，图片管理是一个不可忽视的问题。尤其是使用 Markdown 语法的博主，通常需要在博客中插入大量图片。如果图片仅保存在本地，一旦移动或删除文件，博客中的图片链接就会失效。为了解决这个问题，使用图床将图片存储在云端，并生成可供网络访问的链接是一个理想的解决方案。本文将详细介绍如何配置 Typora、PicGo 和阿里云 OSS 搭建图床，以便在 Markdown 编辑中更高效地管理图片。

# 为什么要搭建博客图床？

在使用 CSDN、简书等博客平台时，Markdown 是首选的写作语法。虽然这些平台提供了内置的图片上传功能，但直接在本地插入图片可能会带来一些问题：

图片本地保存问题：如果 Markdown 文件中的图片路径是本地路径，那么一旦图片被移动或删除，博客中的图片将无法显示。
平台图片存储限制：平台存储的图片可能会因为外链防盗链机制或平台策略导致图片失效。
跨平台问题：当需要将本地 Markdown 文件上传到不同平台时，图片无法自动转存，导致上传后的博客无法显示图片。

为了解决这些问题，我们可以使用 Typora + PicGo + 阿里云 OSS 的组合搭建一个稳定的图床，将图片存储在云端，并在 Markdown 文件中使用外链方式引用。

# 什么是图床？

图床，简单来说，就是用于存储图片的服务器。图床可以是国内服务器，也可以是国外服务器。使用图床的主要优点在于：

图片可以通过网络链接进行访问，摆脱本地存储的限制。
即使本地图片被移动或删除，Markdown 文件中的图片链接依然有效。
通过图床，图片可以在任何有网络的设备上进行访问。

# 准备工作

# 1. Typora

Typora 是一款支持实时渲染的 Markdown 编辑器，提供了良好的写作体验。虽然新版本需要付费，但旧版本仍然可以找到安装包。

Typora 中文官网：Typora (opens new window)

# 2. PicGo

PicGo 是一款开源的图床工具，可以将图片自动上传到配置的图床，并返回图片链接。在 Typora 中配置 PicGo 后，图片将自动上传到云端图床。

PicGo Github 地址：PicGo Releases (opens new window)

PicGo 界面

# 配置阿里云 OSS

阿里云对象存储服务（OSS）是一个稳定的图床选择。以下是配置步骤：

# 1. 注册并开通对象存储

注册阿里云账号：
百度搜索阿里云并进入官网，完成注册和实名认证。
进入控制台：
登录后，进入“控制台”，在左侧菜单中找到“对象存储”并开通服务。

阿里云控制台

# 2. 创建 Bucket

创建新的 Bucket：
在对象存储服务的“概览”页面，点击右侧的“创建 Bucket”按钮。
配置 Bucket：
- Bucket 名称：请确保名称不含大写字母。
- 存储类型：选择“标准存储”。
- 读写权限：选择“公共读”。

创建 Bucket

找到地域节点：
创建完成后，点击 Bucket 名称，在“概览”页面中找到“访问域名”，复制地域节点（如 oss-cn-hangzhou）。

找到地域节点

# 3. 获取 AccessKey

获取 AccessKey：
在阿里云控制台右上角，点击你的头像，在下拉菜单中选择“AccessKey 管理”，获取 AccessKeyID 和 AccessKeySecret。

获取 AccessKey

# 4. 阿里云 OSS 收费说明

阿里云 OSS 是按使用量收费的，主要费用包括：

存储容量：0.12元/GB/月。
上传流量：免费。
外网流出流量：闲时0.25元/GB，忙时0.50元/GB。

初期使用建议直接充值，按量付费，不必购买存储包。

# 配置 PicGo

打开 PicGo 主界面：
在 Windows 的状态栏找到 PicGo 图标，打开主界面。

PicGo 主界面

# 1. 配置阿里云 OSS 图床

选择阿里云 OSS 图床：
在“图床设置”中，选择“阿里云 OSS”。
填写图床信息：
- AccessKeyID：填写从阿里云获取的 AccessKeyID。
- AccessKeySecret：填写 AccessKeySecret。
- 储存空间名：填写 Bucket 名称。
- 存储区域：填写地域节点（如 oss-cn-hangzhou）。
- 指定存储路径：自定义一个文件夹名称，以 / 结尾，PicGo 会自动在 Bucket 中创建对应的文件夹。