博客园上传图片详细教程

博客园上传图片详细教程

第一部分：准备工作

1.1 注册SM.MS图床（免费方案）

1.访问 SM.MS官网

2.点击右上角"Sign Up" 注册账号

  • 邮箱验证（务必完成）

  • 记住用户名和密码

3.登录后，点击右上角头像 → "Dashboard"

4.左侧菜单点击 "API Token"

5.点击 "Generate Secret Token" 生成令牌

6.复制Token字符串（如：kC8fA3jX7pL2qR9wE5tY1...）

第二部分：安装配置工具

2.1 下载安装PicGo

1.打开 PicGo GitHub发布页

2.下载对应版本：

  • Windows用户：PicGo-Setup-2.3.0-x64.exe（版本号可能更新）

  • Mac用户：PicGo-2.3.0-x64.dmg

  • Linux用户：PicGo-2.3.0.AppImage

3.安装步骤：

1. 双击安装包
2. 同意协议
3. 选择安装路径（默认即可）
4. 创建桌面快捷方式（建议勾选）
5. 完成安装

2.2 配置PicGo图床设置

1.打开PicGo软件

2.左侧导航栏选择 "图床设置"

3.找到 "SM.MS图床" 并点击

4.在右侧填入：

API Token: [粘贴刚才复制的Token]
设定图床：SM.MS

5.点击 "确定" 保存

6.测试上传：

  • 在PicGo主界面，拖拽一张图片到上传区

  • 观察日志显示"上传成功"

  • 复制生成的URL，在浏览器中打开确认

2.3 配置Typora自动上传

1.打开Typora

2.点击菜单：文件 → 偏好设置（或Ctrl+,）

3.左侧选择 "图像" 选项卡

4.进行如下设置：

插入图片时：上传图片
上传服务：PicGo (app)
PicGo路径：C:\Users\[你的用户名]\AppData\Local\Programs\PicGo\PicGo.exe
（或者点击"浏览"手动选择PicGo安装位置）

5.验证配置：

  • 点击"验证图片上传选项"

  • 看到弹出窗口显示"验证成功"

6.勾选下面三个选项：

  • ☑ 对本地位置的图片应用上述规则

  • ☑ 对网络位置的图片应用上述规则

  • ☑ 插入时自动转义图片URL

第三部分：使用流程演示

3.1 在Typora中写作并插入图片

1.新建Markdown文件（或打开现有文件）

2.插入图片的几种方法：

  • 方法一：直接拖拽图片到Typora

  • 方法二：复制图片(Ctrl+C) → 在Typora中粘贴(Ctrl+V)

  • 方法三：点击"格式" → "图像" → "插入图片"

3.观察效果：

3.2 检查上传结果

1.打开PicGo软件

2.在 "相册" 选项卡中可以查看所有上传的图片

3.可以在这里复制、删除图片链接

3.3 发布到博客园

1.登录博客园后台

2.点击 "管理" → "随笔" → "发布随笔"

3.选择编辑器：

  • 点击右上角"设置默认编辑器"

  • 选择"Markdown"并保存

4.粘贴内容：

  • 从Typora全选(Ctrl+A) → 复制(Ctrl+C)

  • 粘贴到博客园编辑器(Ctrl+V)

5.预览检查：

  • 点击"预览"查看图片是否正常显示

6.发布设置：

标题：[填写标题]
分类：[选择分类]
标签：[添加标签，用逗号分隔]
摘要：[可选]

7.点击 "发布" 完成

第四部分：问题排查指南

4.1 常见问题及解决方案

问题现象 可能原因 解决方案
图片上传失败 1. PicGo未启动
2. Token错误
3. 网络问题		 1. 检查PicGo是否运行
2. 重新生成Token并配置
3. 关闭防火墙或VPN
上传后URL格式不对 Typora配置错误 检查Typora图像设置，确保选择了"上传图片"
博客园图片不显示 1. 复制了本地路径
2. 图床访问慢		 1. 重新从Typora复制
2. 考虑更换付费图床
批量上传现有文章 图片还是本地路径 使用Typora的"格式"→"图像"→"上传所有本地图片"

4.2 批量处理现有文章

如果你的文章已经写好了，图片都是本地链接：

  1. 在Typora中打开该Markdown文件

  2. 点击菜单：格式 → 图像 → 上传所有本地图片

  3. 等待所有图片上传完成（右下角有进度提示）

  4. 保存文件后，所有图片链接已更新为在线地址

  5. 重新复制到博客园即可

4.3 验证图片是否能访问

在浏览器中：

右键点击不显示的图片 → 复制图片地址 → 在新标签页打开

如果能打开，说明图片没问题；如果不能，说明上传失败。

第五部分：高级方案（付费但更稳定）

5.1 腾讯云COS配置（每月约0.5-1元）

  1. 注册腾讯云账号并实名认证

  2. 开通对象存储COS服务

  3. 创建存储桶：

地域：选择离你近的（如北京）
名称：blog-images
访问权限：公有读私有写
  1. 获取API密钥：
控制台 → 访问管理 → API密钥管理
记录：SecretId 和 SecretKey
  1. PicGo中配置：
图床设置 → 腾讯云COS
- SecretId: [填写]
- SecretKey: [填写]
- 存储空间名: blog-images
- 确认存储区域: ap-beijing
- 自定义域名: https://blog-images-xxx.cos.ap-beijing.myqcloud.com

第六部分：完整操作视频化指南

如果你还是觉得文字步骤复杂，可以：

  1. 在B站搜索"Typora+PicGo+博客园图片上传教程"

  2. 观看视频跟着操作（一般10-15分钟）

总结步骤清单

请按顺序完成这些步骤：

1. ✅ 注册SM.MS账号，获取Token
2. ✅ 下载安装PicGo
3. ✅ 配置PicGo中的SM.MS图床
4. ✅ 配置Typora图像上传设置
5. ✅ 测试插入图片并自动上传
6. ✅ 将Typora内容复制到博客园
7. ✅ 预览并发布随笔

这样配置好后，以后写作只需要：

写文章 → 插入图片（自动上传） → 复制到博客园 → 发布

整个过程完全自动化，一劳永逸！

posted @ 2025-12-18 23:15  binlicoder  阅读(34)  评论(0)    收藏  举报