设置typora插入图片的默认大小

几个月前用上了typora,被它的魅力深深的吸引了,再也用不惯其他编辑器了。

最近学人工智能,用typora记笔记,各方面都很优秀,也很舒服。但用到现在,我也发现他也有两个明显的缺点:

一个就是插入图片简直太大了,既不美观,也占地方,我每次都要手动把他调成50%或者67%,尤其是我经常要插入图片,这简直太麻烦了。

另一个就是插入图片只能存储到本地文件夹,这会导致当你想把这个md文件导入其他网站比如csdn时,图片无法显示。因为在markdown中,图片是以路径形式表示的,而你的md文件中图片的路径是本地电脑,csdn当然无法解析出来。因此就有必要将本地图片存储到网络地址,这样再导入csdn,他就能识别出图片了。

这篇文章主要介绍第一个缺点的解决方法,显然,我们要做的就是偷懒,不想每次插入一个图片就手动去改图片大小,那理所当然应该在配置文件中进行修改。

配置文件在哪?

打开typora->文件->偏好设置->外观->打开主题文件夹

可以看到有那么多css文件,我目前用的主题是purple,那我理所当然要改purple.css(根据自己的主题打开相应css文件)。

那怎么改呢?点一张缩放过的图片。

我们发现影响他缩放的属性为zoom,而他属于img。

那在css文件中把它设置50%试试。

img {zoom:50%}

为了对比是否设置成功了,在修改css文件之前,typora的一个画面全屏截图下来,然后再把修改css文件后同样的画面截图进行对比。(这里特别注意!!!改完css文件后要保存,并且要重启typora才会生效)

是不是明显变小了呢。

另外,我还发现,以前已经缩放过得图片,并没有变成50%,比如修改css后依旧发现下图情况

但如果以前没进行所放过的图,他就会改成50%了。 但是后面并没有应用style="zoom:50%"的样式,这可能是由于css文件的影响。

你也可以随便插入一直图片,再把他放缩到50%,如果图片大小不变,就证明你设置成功了。

总之,现在就可以很开心的在typora中插入图片了~

关于第二个缺点的解决方法,我是使用PicGo+gitee插件进行图片上传的,使用gitee进行图片存储,把本地图片转成在线图片,这样md文件中的图片链接就可以移植到其他设备和网站上了。

具体操作参考下面的博客,唯一的坑点是你的new一个分支,因为这个问题,我弄了很久才弄成。解决本地typora笔记上传到博客时图片失效问题_AONLY_的博客-CSDN博客前言:​ 相信我们都遇到过,使用Typora做笔记是一件非常令人舒服的事,然而,它却有一个非常难受的地方,那就是我们在做完笔记想要将其上传到自己的博客时,复制粘贴的图片无法显示。因为Typora复制的图片是在本地进行了保存,所以,我们只需要让其将图片自动上传到云上,所有的图片链接使用网页链接即可解决问题。安装所需gitee+typora+PicGo0x01. 准备安装PicGo:https://molunerfinn.com/PicGo/Typora:https://www.typora.io/https://blog.csdn.net/qq_43560646/article/details/116541367

posted @ 2023-02-08 13:11  yangstar  阅读(842)  评论(0编辑  收藏  举报