云计算百科
云计算领域专业知识百科平台

Typora图片上传CSDN属性修复工具

写在前面:

​ 本工具的作用是在使用Typora工具上传CSDN等论坛,由于平台规则导致导入MD文件中的图片格式缩放、居中属性缺失的问题提供解决方案。

​ 本文适用于“速食党”,可以直接根据教程入手使用,并且将工具开源方便进行研究、学习或二创。本工具设计的初衷是为了方便我自己把Typora上写的文章出现问题的图片进行修改。

​ 本工具参考了CSDN论坛上多名老师的文章和解决方案,但是实际上我都没有成功解决问题,更多的是在针对BUG进行修改,太累了!于是打算写一款基于老师们的代码基础上,结合ChatGPT-5 Thinking大模型,实现对图片属性单列出来的脚本工具。

​ 如果在使用的过程中有任何BUG或者意见建议,可以直接在评论区中或私信联系我,我会去调整工具。同时我也会不定期对工具进行更新,帮到你的话烦请关注一下,我时不时会上传一些我需要用到但是没有的小工具,或者其他学习的知识!谢谢啦!!!

​ 源码放在文末,有需要可以直接拉到底部!

本工具主要功能包括但不限于:

  • 可执行文件的打包,可视化操作;
  • 实现加工后md后缀文档,自定义目录输出;
  • 实现缩略图显示检测到的原笔记中的图片以及增加的样式属性;
  • 提供“一键复制”按钮,方便用户操作;
  • 提供显示实时剩余完成时间以及进度条,给予更好的用户友好性。
  • 如果有更好的方案,不需要这样一步一步的找到再粘贴,可以和我讲一讲思路,我会去尝试实现。因为我发现再上传MD文件,CSDN会默认再把图片上传到他们本地而更换路径,导致属性消失,我还没想到简单的方案,可以提一提建议!

    资源下载地址:https://www.alipan.com/s/Vk6FEZYdU6x

    提取码:j25p

    如果链接掉了可以发评论或者私信我上传新的链接!


    使用方法(已有图床)

    如果还没配置图床,往下翻翻到“使用方法(没有图床)”,完成以后再回这里继续操作。

  • 双击打开“Pocky MDImgTool”工具

  • 加工完成后是这样的

  • 在CSDN上传时,选择MD导入的方式上传,导入的文件是你选择输出目录前缀是“CSDN_你的文件名.md”的文件。
  • 点击“工具”中要调整的图片的“复制该属性”按钮
  • 直接贴着.png粘贴在后面,格式增加完成
  • 使用方法(没有图床)

  • 点击Typora左上角的文件:

  • 点击“偏好设置”,然后点击“图片”选项:

  • 下载“图片上传工具”——PicGo

    下载链接:https://molunerfinn.com/PicGo/

  • 在PicGo上下载Gitee上传插件

    这里要注意,需要本地有node.js环境,因为这个软件是使用npm指令进行安装操作的,学过前端的应该知晓流程,本文不做介绍,需要可以在CSDN直接搜“Node.js安装配置”,一大堆!

  • 在图床设置中找到Gitee,点击编辑,然后这边先放在后台不用管了先

  • 打开Gitee,链接我放在下面了,登陆后点击“新建仓库”:

    Gitee连接地址:https://gitee.com/

  • 填写红框部分的内容

  • 找到自己新建的仓库

  • 找到设置好的repo,复制第②步红框中https://gitee.com/后面的部分

  • 填好PicGo的前三项,其中:

    第一项:仓库名或者什么名都行,随便

    第二项:刚复制的那段

    第三项:填master,主分支就行

  • 差一个Token,我们回到Gitee,按如下顺序点击:

  • 按我这个配置设置就可以:

    点击“提交”按钮之后,会出现一条很长很长的token,但是只会有这一次机会复制!!!如果你点快了点没了就删了重新创建吧!

  • 把那一段内容放到PicGo的token里,填好以后滚轮向下然后点击确认即可。

  • 回到Typora的偏好设置图像设置,按我这个设置,之后点击验证图片上传选项可以验证是否通过,不通过回去检查步骤:

  • 这里也可以参考我的改一下,配置完毕:

  • 恭喜配置完毕,可以回到“已有图床”的使用方法部分愉快使用了!

    源码获取

    我已将源码放在Gitee仓库,有需要可以自行获取!

    源码获取点击这里

  • 赞(0)
    未经允许不得转载:网硕互联帮助中心 » Typora图片上传CSDN属性修复工具
    分享到: 更多 (0)

    评论 抢沙发

    评论前必须登录!