Typora图片缩放、上传仓库、gitee图床访问解决

上传图片 Typora+PicGo+GithubRepo Gitee

为何要上传图片以及为何用Gitee?

  • 当我们要把在本地写好的markdown文章发布到其他平台时,对于本地的图片,复制过去的只有本地链接,而不会显示图片。但如果图片来源于网络,便可以显示,所以我们需要将文章中的图片上传到网络中,以便随处可访问。
  • 托管图片的平台有很多,Gitee不仅操作简单,而且可以方便地到自己的库中查看和管理已上传的图片,相比Github又快了许多。

gitee图床卒,如果你的网站需要访问gitee的图片,请添加

<meta name="referrer" content="no-referrer" />

建议使用github图床或对象存储服务oos等。接下来介绍github图床。

准备一个存放图片的仓库

新建一个仓库即可。需要注意的是:仓库应开放,否则图片上传后不会显示

下载 PicGo

  • 下载 PicGo 对应版本安装。
    - 由于 PicGo 默认不支持Gitee,所以需要下载插件来实现,但下载插件前需要先下载 nodejs。(插件选择第二个,第一个慢) image-20210311134154828
  • 下载完成后,打开PicGo中的图床设置-Github设置,填入下面四项:
    • repo:用户名/仓库名。这里要填仓库地址中的后两项,注意大小写
    • branch: 如main
    • token:打开 Github 中的 settings-----developer settings-----personal access tokens-----new tokens,生成令牌、提交,立刻复制生成的令牌,粘贴到PicGo中的token里。
    • path:自选。img/ 表示在仓库中创建一个文件夹(img)存放图片。

设置typora

打开偏好设置中的图像,进行如下设置,完成后验证图片上传选项,检测是否成功。

image-20210311140351641

图片缩放设置

在主题文件中添加

img {
zoom: 50%;
}
  • 0
    点赞
  • 1
    收藏
    觉得还不错? 一键收藏
  • 打赏
    打赏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包

打赏作者

dreamingcoder

你的鼓励将是我创作的最大动力

¥1 ¥2 ¥4 ¥6 ¥10 ¥20
扫码支付:¥1
获取中
扫码支付

您的余额不足,请更换扫码支付或充值

打赏作者

实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值