特别注意:现在更改了源码,解决了卡顿问题:

                 现在需要单击文档中的图片才能触发上传,不会再一直检测,以提升性能

                 将检查图片链接是否有效的请求改成异步,以提升性能

                 注释了大量的typora前端log输出,仅保留上传成功与失败的日志输出,以提升性能

                 取消数据库,可以不再部署数据库,以提升性能 (图片链头部有本地文件地址,网络地址失效了也能自动重新请求新地址)

特别说明:官方0.9.84版本之后已经支持win版typora的自定义上传图片服务,本项目是在0.9.84版本之前开发的,但没有版本适配问题

                 本项目特色:

                 1.单击图片时会自动检测是否是本地图片,如果是 则上传到8大免费国内图床,国内站点,图片显示更流畅

                 2.上传图片时,不会丢弃本地图片地址,而是将其放在图片名称处,将网络地址放在地址处

                    单击图片时会自动检测是否是网络图片,如果是 则检测是否已经失效,如果失效将自动从图片名称处取出本地地址再次上传,因此只要有网,你的图片在文档中将不会失效,除非8大站点都不再支持(不太可能)

                 3.使用改动后的vue主题,图片显示将不受限制

未来的更新:使用vue整合客户端与服务端代码,实现一个js即可上传,去除部署本地服务器的繁琐

                     使用layer替换tosted

                     你们有时间自己下源码改也行

转载注明出处:https://www.cnblogs.com/nreg/p/11992678.html,谢谢

开源项目下载:https://github.com/nreg/TyporaImages (最新版)

1.主题:二次开发可参考我的另一篇博文:https://www.cnblogs.com/nreg/p/11116176.html

介绍:扩展内容区域大小,解决图片被内容区域大小限制导致图片模糊

图片居左对齐,不再是居中在上下两行文字中间

所有内容居中显示,以最长一行内容为标准,左右富裕空间一致

增加图片阴影及圆角,使图片显示更美观和立体性

不限制typora版本,版本升级无需改动,部署一次至卸载typora前可用

可二次开发

用法:将001主题文件夹下的所有文件复制到 C:\Users\用户名\AppData\Roaming\Typora\themes下即可在typora软件主题菜单中选择vue主题::注意:不是复制到typora的安装文件夹

2.服务器-图床服务:

介绍:上传到掘金、苏宁、网易、搜狐、今日头条、CC、aliexpress、京东共8大站点,按顺序上传,只要有一个站点上传成功,则立即返回网络图片地址,并将本地图片地址与网络图片地址上传到数据库,以供二次开发使用

对typora自动上传图片插件服务,部署一次,typora版本是否升级对其没有影响

不能把服务器放在虚拟机里,因为上传的是图片在宿主机的地址,在虚拟机里找不到

可二次开发

用法:

1).将002-服务器-图床服务/tomcat配置文件夹下server.xml文件复制并替换掉你电脑中tomcat/conf下的同名文件:

2).将002-服务器-图床服务/服务器部署编译文件文件夹下的ImgHosting文件夹复制到tomcat/webapp下:

3).按图中要求创建MySQL数据库:创建后在你的数据库管理程序如navicat中执行002-服务器-图床服务\数据库文件夹中的imghosting.sql文件

特别注意:现在的版本已经不需要数据库,该步骤可以省略!

4).开启tomcat:win+R输入cmd打开命令行,tomcat地址写你的地址

D:
cd D:\developerKits\apache-tomcat-7.0.86\bin
./startup.sh

5).验证图床服务是否开启成功:

双击002-服务器-图床服务\验证图床服务是否开启成功文件夹下的图床服务快捷方式,出现以下页面则说明开启成功:

6).设置tomcat开机自启:请参考:https://blog.csdn.net/zhenzhendeblog/article/details/52180311 或自行百度

注:tomcat/webapp下自带的文件夹都不能删除,否则报拒绝访问错误

win10防火墙开放8866端口:http://www.xitongcheng.com/jiaocheng/win10_article_12908.html

win10的cmd命令行 ping localhost需要返回127.0.0.1的回复:https://blog.csdn.net/AmberTian/article/details/70238020

3.客户端-自动上传图片插件:

介绍:

打开typora文档时,会自动对文档中的图片进行校验,如果是本地地址则上传到图床服务器,之后在图片地址处显示网络图片地址,在地址左边图片名字处显示本地图片地址:

如果是网络图片地址,则不进行请求上传,会先判断网络图片地址是否有效,如果地址无效则会将图片名称处展示的本地地址(如上图中标识的)重新请求上传,并在图片地址处替换到失效的网络图片地址

比如你的网络图片地址失效了,本插件会自动检测到失效地址并重新请求上传,而上传的地址就在第一次上传时放在图片链头部的本地地址,然后将网络地址返回

因此,只要8大站点不全失效,你的图片永远会以网络地址的方式展示,即使8大站点全失效,那么只要把图片名称处的本地地址复制到图片地址中,图片依然会显示,插件并没有实现此功能,开发时间不足,太忙,需要手动实现,也可以对插件进行二次开发,理论上8大站点全失效的可能性很小

国民女友欣赏:https://user-gold-cdn.xitu.io/2019/12/5/16ed62e5c6f84f8c?w=1920&h=1200&f=jpeg&s=951071

用法:

1).打开typora,文件-偏好设置,将图片地址设置为D:\图片库\${filename}\,路径没有要求,只是建议这么做,便于统一管理:

2).插件部署:

003-客户端-自动上传图片插件\typora-plugins-win-imgHosting文件夹下的plugins文件夹复制到Typora的安装目录Typora\resources\app下:注意是复制到typora的安装文件夹

并修改该文件夹下的window.html文件:

找到:

<script src="./app/window/frame.js" defer="defer"></script>

并在其下添加一行代码:

<script src="./plugins/imgHosting/upload.js" defer="defer"></script>

注:无论用哪个版本的typora,只要在原window.html文件中window.require = undefined;代码之前加上即可

提示插件效果:

注:默认不存储到数据库,可以改源码。
4.必要性优化:

执行004-将新建markdown文档添加到右键菜单文件夹下的typorayes.reg批处理文件,执行后右键菜单就有了菜单项:

5.感谢:

本项目typora-yes是基于巨人的肩膀上实现的,参考了:https://github.com/jingxiang/imagehostinghttps://github.com/Thobian/typora-plugins-win-img两位大神的项目,进行了改造整合开发

Typora-yes:typora最舒适的使用-优化主题+图床服务+自动上传图片插件的更多相关文章

  1. MacOS Typora集成SM.SM图床 实现自动上传图片

    MacOS Typora集成SM.SM图床 实现自动上传图片 此为PicGo-Core (Command line) (OpenSource)配置方法 参照官网 https://support.typ ...

  2. 解放双手,markdown文章神器,Typora+PicGo+七牛云图床实现自动上传图片

    本文主要分享使用Typora作为Markdown编辑器,PicGo为上传图片工具,使用七牛云做存储来解放双手实现图片的自动化上传与管理.提高写作效率,提升逼格.用过 Markdown 的朋友一定会深深 ...

  3. PicGo图床与Typora(PicGo+Typora+GitHub的完整设置)

    PicGo图床与Typora(PicGo+Typora+GitHub的完整设置) 如何更方便的用markdown写文章,接下来按照我的步骤来,你一定可以的,这个文章包含了GitHub图床配置.PicG ...

  4. Typora+图床详解(小白都能学得会)

    Typora+图床详解(小白都能学得会) 1 了解工作 博客中用的笔记软件--Typora(Markdown语法) 博客中用的图床--阿里云对象存储(Object Storage Service,简称 ...

  5. 你要是还学不会,请提刀来见 Typora+PicGo+Gitee + node.js 打造个人高效稳定优雅图床

    你要是还学不会,请提刀来见 Typora+PicGo+Gitee + node.js 打造个人高效稳定优雅图床 经过前面两弹的介绍,相信大家对图床都不陌生了吧, 但是小魔童觉得这样做法还是不方便,使用 ...

  6. Typora+PicGo配置图床神器(图片链接URL)

    目录 1.下载Typora 2.下载PicGo 3.Typora 配置 1.下载Typora 有能力科学的小伙伴,可以从官网下载,地址为Typora 向下滚动,点击Downloda后,选择自己的操作系 ...

  7. Typora图床

    Typora图床 Typora+PicGo+Gitee(码云)实现高效Markdown图床 typora是我最早接触的markdown格式的轻文本编辑器,因为我是计算机专业,所以平常记笔记会有代码块, ...

  8. 使用Typora + 阿里云OSS + PicGo 打造自己的图床

    使用Typora + 阿里云OSS + PicGo 打造自己的图床 为什么要打造图床? 让笔记远走高飞 试问以下场景: 我们要把 markdown 笔记放到某博客上,直接进行复制即可.但因你的图片存储 ...

  9. Typora图床上传配置:PicGo+Gitee 不完全指南

    每次写Markdown都要手动传图,再复制链接到Typora里,这样比较繁琐. 设置好图床,搭配PicGo,写作时直接剪贴图片到Typora,就能实现自动上传,这样就方便很多. Gitee配置: 许多 ...

随机推荐

  1. RSA加密公钥系数获取结果多00

    写在前面 本文是在解决加密和解密用的不是同一套密钥对时找到的一篇, 最后问题不在byte数组, 是自己工具类中生成密钥对的问题, 但是本文RSA加密中公钥指数和公钥系数的获取(byte[]部分)讲解比 ...

  2. [SQL]用于提取组内最新数据,左连接,内连接,not exist三种方案中,到底谁最快?

    本作代码下载:https://files.cnblogs.com/files/xiandedanteng/LeftInnerNotExist20191222.rar 人们总是喜欢给出或是得到一个简单明 ...

  3. virtualenv, conda, pip分别是什么

    自己一直使用virtualenv,但是发现很多工具或框架都是以来conda,于是就网上搜了下二者的区别,感觉这篇文章讲的比较清楚:https://blog.csdn.net/zhouchen1998/ ...

  4. Myeclipse安装Maven插件

    Myeclipse安装Maven插件 一.下载Maven 官网下载maven插件  http://maven.apache.org/download.cgi 下载apache-maven-3.6.3- ...

  5. java中HashSet对象内的元素的hashCode值不能变化

    因为不管是HashMap(或HashTable,还是HashSet),key值是以hashCode值存进去的,加入key值变了,将无法从集合内删除对象,导致内存溢出.

  6. sails0.12相关命令

    sails最新版本是1.2.3 如果要创建0.12的项目要使用以下命令 npm install sails@0.12 -g sails -vsails new myweb1npm audit fixc ...

  7. linux驱动开发学习一:创建一个字符设备

    首先是内核初始化函数.代码如下.主要是三个步骤.1 生成设备号. 2 注册设备号.3 创建设备. #include <linux/module.h> #include <linux/ ...

  8. vue-cli入门 - 搭建项目打包运行+webpack打包

    版权声明:本文为博主原创文章,遵循 CC 4.0 BY-SA 版权协议,转载请附上原文出处链接和本声明.本文链接:https://blog.csdn.net/qq_38225558/article/d ...

  9. Windows删除文件夹下的指定格式文件(递归删除)

    问题描述: 今天遇到一个需求,需要对文件夹进行文件筛选.目录结构较为复杂(目录较多,层次较深),数据量较大(总共60GB左右). 鉴于上述情况,直接排除了人工处理方式(否则小伙伴们会打死我的). 解决 ...

  10. 【NPDP笔记】第二章 组合管理

    2.1 什么是产品组合 Product Portfolio 什么是组合管理,讲述的是完成正确的项目, 五大目标 财务稳健,财务目标 管道平衡,资源需求与可用资源之间的平衡 战略协同,与经营战略 组织战 ...