news 2026/6/24 9:12:35

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

作者头像

张小明

前端开发工程师

1.2k 24
文章封面图
Typora 中设置图像上传到博客园中

适配入口

在 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 中提供了两种上传图片的形式:

单张图片上传

版权声明: 本文来自互联网用户投稿,该文观点仅代表作者本人,不代表本站立场。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如若内容造成侵权/违法违规/事实不符,请联系邮箱:809451989@qq.com进行投诉反馈,一经查实,立即删除!
网站建设 2026/6/24 9:06:04

【AI】AI agent 自进化方案大全

2026年AI自学习进化已从学术概念进入工程化竞赛阶段。以下从科研、开源、闭源三个维度系统梳理&#xff1a;一、科研前沿&#xff08;实验室/论文/学者&#xff09; 核心范式&#xff1a;可验证域自改进&#xff08;Verifiable Domain Self-Improvement&#xff09; 2025-2026年…

作者头像 李华
网站建设 2026/6/24 9:05:02

一行命令生成 PPT:OfficeCLI 让文档自动化彻底告别 50 行 Python

用 python-pptx 创建一张带标题、背景色和正文文字的幻灯片&#xff0c;代码大概长这样&#xff1a; from pptx import Presentation from pptx.util import Pt from pptx.dml.color import RGBColorprs Presentation() slide prs.slides.add_slide(prs.slide_layouts[1])bg …

作者头像 李华
网站建设 2026/6/24 9:03:45

curl邮件协议深度解析:SMTP、POP3、IMAP完整实践指南

curl邮件协议深度解析&#xff1a;SMTP、POP3、IMAP完整实践指南 【免费下载链接】curl A command line tool and library for transferring data with URL syntax, supporting DICT, FILE, FTP, FTPS, GOPHER, GOPHERS, HTTP, HTTPS, IMAP, IMAPS, LDAP, LDAPS, MQTT, MQTTS, …

作者头像 李华
网站建设 2026/6/24 9:02:19

让你的浏览器拥有AI大脑:Page Assist本地智能助手完全指南

让你的浏览器拥有AI大脑&#xff1a;Page Assist本地智能助手完全指南 【免费下载链接】page-assist Use your locally running AI models to assist you in your web browsing 项目地址: https://gitcode.com/GitHub_Trending/pa/page-assist 想象一下&#xff0c;你在…

作者头像 李华
网站建设 2026/6/24 8:59:57

终极指南:三步掌握DeepLabCut无标记姿态追踪技术

终极指南&#xff1a;三步掌握DeepLabCut无标记姿态追踪技术 【免费下载链接】DeepLabCut Official implementation of DeepLabCut: Markerless pose estimation of user-defined features with deep learning for all animals incl. humans 项目地址: https://gitcode.com/g…

作者头像 李华
网站建设 2026/6/24 8:57:03

从一份技术选型白皮书看消费级医疗设备的评估框架

最近看到一份关于某类医疗设备选型的白皮书&#xff0c;梳理了技术选型的方法论框架。抛开具体技术本身&#xff0c;这套评估框架本身有一些值得借鉴的思路。一、技术选型的五个评估维度 白皮书提出了五个核心评估标准&#xff0c;这套框架可以迁移到很多技术选型场景&#xff…

作者头像 李华