首页 > 其他分享 >Typora图片即时上传

Typora图片即时上传

时间:2024-07-31 10:05:59浏览次数:17  
标签:博客园 Typora 即时 图床 EasyBlogImageForTypora 上传 图片

Typora图片即时上传

1、博客园markdown上传文件及图片

博客园的在线文档编辑器挺好用,但是网页上编辑,始终还是没有本地编辑方便。

本人本地编辑使用的是typora编辑器,很好的支持markdown文件,并且能够本地解析markdown的格式。关于typora的安装很简单,点击跳转到官网下载。

不多说了,进入主题:

上传本地markdown文件到博客园

  • 使用工具pycnblog

  • 下载:点击跳转,然后下载整个文件夹

  • 查看READ ME.md文件进行配置:

    • 其实就是打开config.py文件,设置博客园相关的账号密码等,如下图所示:

      image-20200811154939669

  • 然后打开cnblog_markdown.cmd文件(windows中双击即可打开)

    image-20200811155127609

  • 打开后,会出现命令窗口

    image-20200811155355876

  • 将所需文件拖动到窗口,按下回车即可完成文件上传

    image-20200811155338730

  • 本地markdown中如果有图片的路径,建议设置为绝对路径。在typora中是如下设置,这样在拖动上传文件时候,pycnblog会自动将图片上传生成url,并更新到线上的博客文档

    image-20200811155534684

    image-20200811155717828

  • 如果博客中已存在相同名称的博客,会提醒是否存在,如上图所示

  • 上传后的文档,在博客园的草稿箱里面,如下图所示:

    image-20200811155942187

  • 点击进去即可对文章进行修改、发布等操作。

本地md文件中直接将图片转换为链接

  • 上述方法是在上传文件过程中对图片进行上传

  • 接下来介绍这个方法是在本地文档中,直接将图片转换为cnblog中的链接,完全免费,并且不需要第三方图床。

  • 工具名称typora + EasyBlogImageForTypora:

    • typora本文开头已介绍

    • EasyBlogImageForTypora:

      • 点击跳转到下载链接

      • 也可以参考其开发者博客,对windows和mac的安装都有详细介绍

      • 本人使用的windows电脑,就简单说一下windows配置方法

      • 下载解压后,双击EasyBlogImageForTypora.exe文件,然后出现类似上面pycnglog的命令窗口

        image-20200811161309629

    • 根据指导完成EasyBlogImageForTypora配置后,设置typora

      • typora配置如下图所示:

        image-20200811161520050

        注意:自定义命令哪里:路径中不能有 中文空格,不然会报错

        • 配置好后,点击验证图片上传选项

          image-20200811161730678

        • 如果出现如下界面,说明配置成功:

          image-20200811161815539

          • 可以看到,新插入的图片被上传后,在本地文件中被自动替换成了url

            image-20200811161935243

2、使用Typora写博客,图片即时上传,无需第三方图床-EasyBlogImageForTypora

背景

习惯使用markdown的人应该都知道Typora这个神器,它非常简洁高效。虽然博客园的在线markdown编辑器也不错,但毕竟是网页版,每次写东西需要登录系统-进后台-找到文章-编辑-保存草稿。。。非常难受。。。

但是使用Typora来写的话,文章图片又是个问题,本地写完粘贴到网站上,图片全丢。。。

大多数解决方案是Typora+PicGo+第三方图床,图床有收费的和免费的,总结一下几个常用的:

  • 七牛云

    专业,快速,有免费的存储空间。但是免费域名有使用期限,到期后需要自己备案域名。。。

  • 阿里云oss

    专业,快速,存储空间便宜,一年9块钱40G。但是下行流量需要另外收费。。。

  • github

    免费。但不是专业图床,国内访问速度太慢。。。

  • gitee

    免费,快速。但不是专业图床,有防盗链风险,比如微信浏览器就打不开gitee的图,gitee官方是禁止用来做图床的。。。

。。。。。。

其实Typora除了支持PicGo上传图片以外,还支持自定义上传服务。于是自己写了个简单程序,在本地写作时,直接把图片传到自己的博客网站,就不用折腾各种第三方图床了,写完直接可以粘贴到网站。

EasyBlogImageForTypora

使用Typora写作,图片即时同步到博客网站,无需第三方图床,写完可直接粘贴。支持网络图片上传。

适用范围

本程序基于.net core 3.1开发,支持在win-x64,mac osx-x64系统运行,免安装。linux暂时不考虑,如果有需要再说。

程序的上传服务是使用MetaWebBlog API,MetaWebBlog API(MWA)是一个Blog程序的接口标准,理论上支持MetaWebBlog API标准的博客网站,都可以使用本程序来上传图片,你只需要在程序中配置一下你的博客基本信息即可。目前我自己测试通过的有博客园、开源中国(oschina);CSDN的接口貌似不能用了。

如何使用

windows
  1. 下载程序:

    https://github.com/xiajingren/EasyBlogImageForTypora/releases/

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

    github访问慢的话去蓝奏云也可以:

    https://wws.lanzous.com/b01hidfwh
    密码:6jnm

  2. 配置博客参数:

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

    img

  3. Typora设置:

    Typora进入偏好设置-图像,选择插入图片时上传图片。上传服务选择Custom command,自定义命令填写EasyBlogImageForTypora所在路径,我这里是D:\EasyBlogImageForTypora\EasyBlogImageForTypora.exe

    img

    配置完成后点击验证图片上传选项:

    img

    出现验证成功就ok了。

macOS
  1. 下载安装.net core运行时:

    https://dotnet.microsoft.com/download/dotnet-core/thank-you/runtime-3.1.5-macos-x64-installer

    下载完安装一下就好,文件很小才28M。

剩下的步骤和windows一样。

img

img

img


源码地址:https://github.com/xiajingren/EasyBlogImageForTypora

可以给个star哦。。。

=2022-07-22更新=

最近有小伙伴反映这个图片上传报错了,因为博客园升级了某些机制。。
解决方案:
去博客园后台创建下令牌,重新配置下EasyBlogImageForTypora,密码输入你创建的令牌,就行了。

标签:博客园,Typora,即时,图床,EasyBlogImageForTypora,上传,图片
From: https://www.cnblogs.com/angelzheng/p/18334013

相关文章

  • 小白必看的java完整下载攻略!(在Typora中有图片参考)
    Java下载在浏览器上搜索JDK(2024年最新版是22,本人下载的是21)点击官网下载,会跳到Oracle官网,需要注册账号才可下载根据自己的电脑型号选择下载(本人下载的是64的)正常情况下下载的JDK版本后缀是exeJava安装的后续操作作为一个程序员坚持不懈才能成就大事。完成Java安装后事情还......
  • Obsidian中自动上传兰空图床
    Obsidian中自动上传兰空图床前言本文默认读者已经搭建好了一个兰空图床服务本文中的需要修改的参数将表示为{{arg}},修改时请去除双括号在之前编写笔记的时候,需要自己手动上传图片到图床然后获取图片的url插入到笔记中。这种方式比较麻烦,因此笔者尝试寻找自动上传的方法,最终......
  • 使用Python Paramiko创建文件目录并上传文件的终极指南
    哈喽,大家好,我是木头左!前言:为何选择Paramiko?在网络运维和自动化领域,SSH(SecureShell)协议是连接和管理远程服务器的常用手段。而Paramiko是一个用于进行SSH2会话的Python库,它支持加密、认证和文件传输等功能。使用Paramiko,可以方便地实现远程命令执行、文件上传下载等操作。准......
  • github上传遇到的错误
    https://blog.csdn.net/weixin_43629813/article/details/113824388https://blog.csdn.net/zamamiro/article/details/70172900?utm_medium=distribute.pc_relevant.none-task-blog-OPENSEARCH-5.baidujs&depth_1-utm_source=distribute.pc_relevant.none-task-blog-OPEN......
  • 微信小程序文件上传(唤起文件资源管理器)
    问题在微信小程序开发开发中,可能会遇到需要上传文件的场景,用户需要从手机文件管理器中选择文件,然后上传到服务器.但是微信小程序只支持选择回话中的文件,无法从手机中选择方案我们可以通过小程序的web-view实现.通过html的实现文件上传.代码这个代码是基于微信小程......
  • C#对FTP进行上传下载操作
    privatevoidbt_ftp_Click(objectsender,EventArgse){try{引用WinSCP类//SetupsessionoptionsSessionOptionssessionOptions=newSessionOptions{Protocol=Protocol.Ftp,HostName="ftp域名&q......
  • 上传多个图像时 React 前端和 Flask 后端出现 CORS 策略错误
    实际上,我已经在reactJs中制作了前端,在pythonFlask中制作了后端(使用cnn模型进行一些预测)。当我按照我的请求发送5到6张图像时,它工作正常,但是当我发送10到15张图像和一些时间时令人筋疲力尽,然后它给出了类似的错误,尽管我在下面给出的代码中设置了Cors:192.168.151.24/:1Accesst......
  • CTFshow web入门vip 文件上传
    web151题目提示前端校验不可靠,看源码可以看到是传到upload.php这个文件去接受文件上传,文件类型为图片,后缀限制为png然后把前端验证修改一下,把文件后缀限制改成php写个一句话木马传进去1.php<?phpeval($_POST['x']);?>url中需要加入我们传入文件的目录/upload.php,并指定/......
  • ASP.NET Core中上传文件
    1.创建一个文件上传的表单在一个视图中(比如Index.cshtml),添加一个表单来让用户选择文件并上传。@modelIFormFile<formmethod="post"enctype="multipart/form-data"><divclass="form-group"><labelfor="file">选择文件</......
  • Web系列-文件上传
    Web系列-文件上传做题思路前端限制了上传文件的后缀,可以在前端修改代码或者bp抓包,再上传符合前端要求的文件类型,抓包后进行修改。如果是php的环境,可以利用.user.ini,是一个局部配置文件,可以通过配置选项使每个php文件头或文件尾都进行文件包含.user.ini利用需要在此目录下还有p......