Typora-yes:typora最舒适的使用-优化主题+图床服务+自动上传图片插件
特别注意:现在更改了源码,解决了卡顿问题:
现在需要单击文档中的图片才能触发上传,不会再一直检测,以提升性能
将检查图片链接是否有效的请求改成异步,以提升性能
注释了大量的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/imagehosting
及https://github.com/Thobian/typora-plugins-win-img
两位大神的项目,进行了改造整合开发
Typora-yes:typora最舒适的使用-优化主题+图床服务+自动上传图片插件的更多相关文章
- MacOS Typora集成SM.SM图床 实现自动上传图片
MacOS Typora集成SM.SM图床 实现自动上传图片 此为PicGo-Core (Command line) (OpenSource)配置方法 参照官网 https://support.typ ...
- 解放双手,markdown文章神器,Typora+PicGo+七牛云图床实现自动上传图片
本文主要分享使用Typora作为Markdown编辑器,PicGo为上传图片工具,使用七牛云做存储来解放双手实现图片的自动化上传与管理.提高写作效率,提升逼格.用过 Markdown 的朋友一定会深深 ...
- PicGo图床与Typora(PicGo+Typora+GitHub的完整设置)
PicGo图床与Typora(PicGo+Typora+GitHub的完整设置) 如何更方便的用markdown写文章,接下来按照我的步骤来,你一定可以的,这个文章包含了GitHub图床配置.PicG ...
- Typora+图床详解(小白都能学得会)
Typora+图床详解(小白都能学得会) 1 了解工作 博客中用的笔记软件--Typora(Markdown语法) 博客中用的图床--阿里云对象存储(Object Storage Service,简称 ...
- 你要是还学不会,请提刀来见 Typora+PicGo+Gitee + node.js 打造个人高效稳定优雅图床
你要是还学不会,请提刀来见 Typora+PicGo+Gitee + node.js 打造个人高效稳定优雅图床 经过前面两弹的介绍,相信大家对图床都不陌生了吧, 但是小魔童觉得这样做法还是不方便,使用 ...
- Typora+PicGo配置图床神器(图片链接URL)
目录 1.下载Typora 2.下载PicGo 3.Typora 配置 1.下载Typora 有能力科学的小伙伴,可以从官网下载,地址为Typora 向下滚动,点击Downloda后,选择自己的操作系 ...
- Typora图床
Typora图床 Typora+PicGo+Gitee(码云)实现高效Markdown图床 typora是我最早接触的markdown格式的轻文本编辑器,因为我是计算机专业,所以平常记笔记会有代码块, ...
- 使用Typora + 阿里云OSS + PicGo 打造自己的图床
使用Typora + 阿里云OSS + PicGo 打造自己的图床 为什么要打造图床? 让笔记远走高飞 试问以下场景: 我们要把 markdown 笔记放到某博客上,直接进行复制即可.但因你的图片存储 ...
- Typora图床上传配置:PicGo+Gitee 不完全指南
每次写Markdown都要手动传图,再复制链接到Typora里,这样比较繁琐. 设置好图床,搭配PicGo,写作时直接剪贴图片到Typora,就能实现自动上传,这样就方便很多. Gitee配置: 许多 ...
随机推荐
- RSA加密公钥系数获取结果多00
写在前面 本文是在解决加密和解密用的不是同一套密钥对时找到的一篇, 最后问题不在byte数组, 是自己工具类中生成密钥对的问题, 但是本文RSA加密中公钥指数和公钥系数的获取(byte[]部分)讲解比 ...
- [SQL]用于提取组内最新数据,左连接,内连接,not exist三种方案中,到底谁最快?
本作代码下载:https://files.cnblogs.com/files/xiandedanteng/LeftInnerNotExist20191222.rar 人们总是喜欢给出或是得到一个简单明 ...
- virtualenv, conda, pip分别是什么
自己一直使用virtualenv,但是发现很多工具或框架都是以来conda,于是就网上搜了下二者的区别,感觉这篇文章讲的比较清楚:https://blog.csdn.net/zhouchen1998/ ...
- Myeclipse安装Maven插件
Myeclipse安装Maven插件 一.下载Maven 官网下载maven插件 http://maven.apache.org/download.cgi 下载apache-maven-3.6.3- ...
- java中HashSet对象内的元素的hashCode值不能变化
因为不管是HashMap(或HashTable,还是HashSet),key值是以hashCode值存进去的,加入key值变了,将无法从集合内删除对象,导致内存溢出.
- sails0.12相关命令
sails最新版本是1.2.3 如果要创建0.12的项目要使用以下命令 npm install sails@0.12 -g sails -vsails new myweb1npm audit fixc ...
- linux驱动开发学习一:创建一个字符设备
首先是内核初始化函数.代码如下.主要是三个步骤.1 生成设备号. 2 注册设备号.3 创建设备. #include <linux/module.h> #include <linux/ ...
- vue-cli入门 - 搭建项目打包运行+webpack打包
版权声明:本文为博主原创文章,遵循 CC 4.0 BY-SA 版权协议,转载请附上原文出处链接和本声明.本文链接:https://blog.csdn.net/qq_38225558/article/d ...
- Windows删除文件夹下的指定格式文件(递归删除)
问题描述: 今天遇到一个需求,需要对文件夹进行文件筛选.目录结构较为复杂(目录较多,层次较深),数据量较大(总共60GB左右). 鉴于上述情况,直接排除了人工处理方式(否则小伙伴们会打死我的). 解决 ...
- 【NPDP笔记】第二章 组合管理
2.1 什么是产品组合 Product Portfolio 什么是组合管理,讲述的是完成正确的项目, 五大目标 财务稳健,财务目标 管道平衡,资源需求与可用资源之间的平衡 战略协同,与经营战略 组织战 ...