Typora上传文件到博客解决图片丢失问题

Typora上传文件到博客园解决图片文件丢失问题

Typora是一款跨平台(Windows/Mac/Linux)的功能强大的MarkDown编辑器

Typora下载连接:https://www.typora.io/

**1.先对Typora软件进行设置 **

【文件】---->【偏好设置】

(1)图片插入设置


不论我们是在网页中复制图片,或者插入本地图片,或者通过QQ软件或第三方截图软件截图,插入到Typora的时候,都会直接保存到本地计算机,我们可以通过设置,插入到我们的博客中时,可能通过下面的设置,将目标图片复制到与我们博客同级的assets目录中

20231003113607


(2)默认复制行为

勾选 当复制纯文件时复制MarkDown源码,可以让我们在预览模式下能方便复制MarkDown源码

20231003114025

(3)自动保存

可以不需要我们常常按CTRL+S来保存

20231003114242

*2下载EasyBlogImageForTypora

同步到博客园,这里需要使用一个.NET Core开发的工具,可以快捷的解析我们MarkDown中的图片文件并上传,然后替换为上传的图片URL,之后再通过此工具转换以后只需要复制粘贴到博客园即可

先下载EasyBlogImageForTypora

1.下载EasyBlogImageForTypora先访问:https://github.com/xiajingren/EasyBlogImageForTypora/releases/

20231003122328

下载zip文件,解压到合适的目录。

2 下载dotnet

由于后续用到的插件dotnet-cnblog只能在dotnet5.0版本中使用,并未适配最新的6.0版本,所以需要使用本篇博客所述方法的同学请下载5.0版本。

dotnet5.0版本官网下载连接

下载后直接安装即可。Windows用户注意,dotnet会直接安装到c盘,并自动配置环境变量。

安装完成后,打开cmd,输入命令dotnet --info,如果出现下图所示内容,即安装成功。

20231003122906

3 安装dotnet-cnblog插件

在cmd中输入命令:

dotnet tool install  -g --version 1.4.0 dotnet-cnblog

注意:该插件作者在GitHub上发布了1.4.0和1.4.1两个版本,如果安装时不指定版本,会默认安装1.4.1版本。经过亲自测试,只有1.4.0版本可用。该插件的GitHub仓库地址

如果下载错误版本,可以使用以下命令卸载该插件:

dotnet tool uninstall -g dotnet-cnblog

4 登录

在cmd中输入以下命令:

dotnet-cnblog

2478734-20211222224412853-1506257963

根据提示输入ID、用户名、密码,就能绑定成功。

如果绑定过程中输入错误,可以使用以下命令重置配置:

dotnet-cnblog reset

2478734-20211222224412564-1310414858

5 上传图片

配置博客参数:

点击下载好的下载EasyBlogImageForTypora.exe文件:

运行程序,按照界面提示输入配置信息,完成后退出,参数只需配置一次,如果以后修改再次运行

20231003124651

20231003125015

20231003125353

打开typora偏好设置==> 图像

配置如下

20231003125727

显示验证成功即可

20231003130100

对Markdown文件里的图片进行解析,上传到博客园,并且转换内容保存到新的文件中。cmd中输入以下命令:

dotnet-cnblog proc -f <markdown文件路径>

处理过的内容保存在 ${Markdown原始文件名}-cnblog.md 中,复制粘贴到博客园的编辑器发布即可。

注意:只有本地路径的图片才会上传,所有http/https远程图片都会过滤

6.发布到博客园

将生成的${Markdown原始文件名}-cnblog.md文件中的内容复制到博客园中发布即可。

注意:博客园的选项中选择markdown作为默认编辑器

20231003130531

7 添加鼠标右键功能

应用了上述方法后,编写markdown到上传到博客园的步骤变得简单了许多,不用再一张张图片的上传了。但是,依旧会输入一些命令才能实现,特别是上传图片的命令,比较复杂,不长期使用很难记住。接下来,为了进一步偷懒,我们设置一个【右键】->【发送到】功能。

7.1 找到【发送到】文件夹

在资源管理器的地址栏输入:

%AppData%\Microsoft\Windows\SendTo

按下回车键,即可找到【发送到】文件夹的地址。

2478734-20211222224411897-1562837865

7.2 创建bat文件

  1. 在【发送到】文件夹中新建bat文件,文件名命名为以后右键菜单里的功能名。(后缀一定要改为bat)

2478734-20211222224411497-1447912397

  1. 打开新建的bat文件(不要双击打开,右键选择编辑),将以下代码复制粘贴过去。
dotnet-cnblog.exe proc -f %1
pause
  1. 保存并关闭该文件

7.3 使用

在typora文件上右键,选择【发送到】->【前面bat文件的命名】

2478734-20211222224411199-1992280271

选定一个Typora文件:如下

20231003131637

将会生成一个cnblog.md文件,如下:

20231003131939

双击复制粘贴到博客园随笔发布即可:

20231003132301

posted @ 2023-10-03 13:25  夏日清凉~  阅读(212)  评论(0编辑  收藏  举报