尧图网站建设 尧图网络
  • 首页
  • 关于我们
  • 服务项目
  • 案例展示
  • 建站流程
  • 资讯中心
  • 联系我们
首页/资讯中心/详情

Typora 中设置图像上传到博客园中

Typora 中设置图像上传到博客园中
📅 发布时间:2026/6/24 9:24:41

适配入口

在 Typora 的选项栏中,文件→偏好设置→图像→上传服务设定,其中可以看到官方提供了几种不同的图片上传服务,其中最底下还预留了一个 [自定义命令],这个可以留给我们自己适配,因此很容易联想到博客园的图片上传服务能否适配?

适配教程

如何完成适配呢?可以看到下方有一个说明链接

点开后可以看到在 custom 章节中,官方文档指出:

简单理解就是可以自行写一个脚本,然后通过命令行参数接收来自 Typora 的图片本地路径即可,如果有很多张图片,可以多次调用。

此外,官方还提供了可能出现的问题及解决方法。

适配脚本

我们知道博客园开发了 vscode 插件是可以提供图片上传功能的,那么主要用到的是什么接口呢?

这里主要用的就是 MetaWeblog API ,它支持上传图片、发布文章。

在博客园后台的设置中,最底下有:

我们将 “允许 MetaWeblog 博客客户端访问” 设置为开启,于是可以得到:

  • MetaWeblog登录名【USERNAME】
  • MetaWeblog访问令牌【PASSWORD】
  • MetaWeblog访问地址【BLOG_URL】

这些参数就是每个人独立的接口参数,于是向豆包咨询后,得到下面的代码:

#!/bin/bash set -euo pipefail # ==================== 你的配置 ==================== BLOG_URL="你的MetaWeblog" USERNAME="你的MetaWeblog登录名" PASSWORD="你的MetaWeblog访问令牌" BLOG_ID="你的博客园用户目录路径,如 https://www.cnblogs.com/gshang ,就是 gshang" # ================================================== echo "Upload Success:" for img_path in "$@"; do # 转换路径 [[ "$img_path" == [A-Za-z]:\\* ]] && img_path=$(cygpath -u "$img_path") # 基础信息 filename=$(basename "$img_path") mime=$(file -b --mime-type "$img_path") # 【关键修复】用临时文件,避免参数过长 xml_file=$(mktemp) # 写入 XML(不从命令行传,彻底解决超长) cat > "$xml_file" <<EOF <?xml version="1.0" encoding="utf-8"?> <methodCall> <methodName>metaWeblog.newMediaObject</methodName> <params> <param><value><string>${BLOG_ID}</string></value></param> <param><value><string>${USERNAME}</string></value></param> <param><value><string>${PASSWORD}</string></value></param> <param><value><struct> <member><name>name</name><value><string>${filename}</string></value></member> <member><name>type</name><value><string>${mime}</string></value></member> <member><name>bits</name><value><base64>$(base64 -w 0 "$img_path")</base64></value></member> </struct></value></param> </params> </methodCall> EOF # 【关键修复】从文件读取 XML,不拼命令行 resp=$(curl -s -X POST \ -H "Content-Type: text/xml; charset=utf-8" \ --data-binary "@$xml_file" \ "$BLOG_URL") # 提取 URL(100% 兼容 Windows) url=$(echo "$resp" | sed -n 's/.*<string>\(https[^<]*\)<\/string>.*/\1/p' | head -1) # 输出给 Typora [ -n "$url" ] && echo "$url" || echo "" # 清理临时文件 rm -f "$xml_file" done

将你的信息填写后,保存为cnblogs.sh,并将其放到Typora.exe同一目录下,我的目录是:

D:\Program Files\Typora\cnblogs.sh

最后,确保你已经安装了git-bash,想必作为程序员应该都装了的。我的安装目录是

D:\Program Files\Git\bin\bash.exe

于是我们得到最终输入给 Typora 的命令行:

"D:\Program Files\Git\bin\bash.exe" "D:\Program Files\Typora\cnblogs.sh"

点击 "验证图片上传选项" ,可以看到图片上传成功:

日常使用测试

在 Typora 中提供了两种上传图片的形式:

单张图片上传

相关新闻

  • 概念汇总:Agent、微应用、小微(小龙小)、OpenClaw(小龙虾)
  • 技术分享|坐骨神经损伤(SNI)大鼠模型构建方案
  • Citra模拟器:5步解决黑屏卡顿,让3DS游戏流畅运行

最新新闻

  • Ansible:一台机器管所有服务器的自动化利器
  • 不用啃 SPSS 教程!Paperxie 一站式 AI 数据分析,搞定论文实证全流程
  • Blender到虚幻引擎一键迁移:5分钟完成3D资产无损转换的终极指南
  • 零门槛部署:2026年OpenClaw 云厂商 AI 智能体
  • VMware Workstation Pro 17:1000+许可证密钥与专业虚拟化环境搭建指南
  • YOLO26+辣椒病害识别:从数据集训练到部署全流程——识别尾孢菌叶斑病、卷叶病等,提升辣椒产量(项目源码+数据集+模型权重+UI界面+python+深度学习+远程环境部署)

日新闻

  • 终极指南:如何用shadPS4在电脑上免费畅玩PS4游戏
  • 打造个性化Instagram Clone:主题定制与用户体验优化技巧
  • 未来展望:RoseTTAFold-All-Atom的发展路线图与社区支持资源汇总

周新闻

  • Visual C++运行库修复终极指南:5分钟快速解决Windows软件启动错误
  • 手把手教你构建统计局地区经济数据爬虫:从环境搭建到数据持久化全指南
  • 2026多Agent深度解析:用AI团队替代单一模型,四种架构实战落地

月新闻

  • 【总结】入门篇:50句话让你记住架构核心概念
  • WeChatMsg技术方案解析:实现Mac微信数据自主管理的完整解决方案
  • WeChatMsg:革新性微信数据备份方案,打造你的专属数字记忆库

关于尧图

  • 公司简介
  • 团队介绍
  • 企业文化
  • 荣誉资质

服务项目

  • 定制开发
  • 电商建站
  • UI 设计
  • 运维服务

快速链接

  • 案例展示
  • 建站流程
  • 常见问题
  • 资讯中心

联系方式

  • 📍北京市朝阳区互联网产业园 A 座 10 层
  • 📞400-888-8888
  • ✉️contact@rkmt.cn
  • 🕐周一至周日 9:00-21:00

© 2024 北京尧图网络科技有限公司 版权所有 | 京 ICP 备 XXXXXXXX 号