Typora 是一种跨平台的简洁、直观的轻量级 Markdown 编辑器,深受喜爱。但是在Typora中,图片一旦插入,最大宽度只能是页面宽度,而无法放大查看,原图片比较大时,放到Typora中,完全无法看清内容。为了实现放大查看图片的功能,我们可以手动集成LightBox插件。以下内容参考大佬文章:https://blog.csdn.net/wu_zeqin/article/details/113942617。我的版本号是1.2.4,而文章中采用的版本号是0.9.98,不同版本的Typora集成LightBox插件的方式会有一些区别
版本号:1.2.4
查看版本号的方式:首先打开Typora软件,进入编辑窗口。 然后点击上方的“帮助”菜单项。 在下拉列表中,点击“关于”选项。
之后即可在弹出窗口中,显示出Typora软件的版本号
区别1:不同版本Typora 安装文件结构不同
右键Typora 打开文件所在的位置,即可打开Typora 的安装位置(E:\SoftWare\Typora\resources)。0.9.98版本和1.2.4版本略有差异。根据大佬文章描述0.9.98版本有app目录,如下
1.2.4版本是没有app目录的,因此可以直接在E:\SoftWare\Typora\resources 新建一个extend文件夹,用来存放扩展插件。
并把LightBox插件的css、images、js等资源放入到lightbox2 目录下
区别2:window.html文件位置不同
0.9.98版本位置:\resources\app\window.html
1.2.4版本位置:\resources\window.html
区别3:frame.js文件位置不一样
0.9.98版本
1.2.4版本frame.js 是放在 \resources\appsrc\window目录下面,所以根据大佬文章中的搜索条件是搜不出来的。可以搜 :/window/frame.js
最后这里的一整段代码可以直接copy并替换Typora\resources\extend\lightbox2\js\lightbox.js 文件中的内容
以上主要是总结不同版本的Typora集成lightbox2插件需要修改的地方,以大佬文章:https://blog.csdn.net/wu_zeqin/article/details/113942617为准,感谢大佬的文章,终于可以快乐的记笔记了。
最后来看一下效果图:
双击图片即打开图片,鼠标滚动可以对图片进行缩放