良心教程 | 如何在Typora中设置免费的图床

2020-12-29 14:25:47 浏览数 (1)

如何使用Typora配置免费的gitee图床

「痛点」

❝一直是使用csdn写博客,因为它的编辑器支持markdown,而且图片直接复制上去生成链接文件,公式也支持得很好。Typora支持markdown非常棒,但是图片之类的无法直接应用,因为它的图片是本地的。这几天看到网上有介绍Typora设置免费的图床(gitee),而且图片粘贴上去,直接自动上传到图床生成链接,这样将md文件发给别人,再也不用担心图片无法正常显示的问题了。设置好之后,写一篇教程,记录一下。 ❞

「秀技能」

❝今天同事发给我一个md文件,一如往昔,图片没有显示出来,我说又到了我安利给你图床的时候了「免费」「快速」「粘贴后自动上传」,这三点不香吗。哈哈,秀了一把。。。 ❞

「公众号,知乎书写」

❝公众号和知乎,都是图片上传到自己的服务器上,所以只需要一个编辑器,渲染一下就可以了。这样,在Typora中书写,在markdown nice中渲染,然后复制到知乎和公众号上,非常流畅,多年的梦想终于实现了。闭环的感觉,别提多爽了,哈哈 ❞

1. 注册gitee

gitee

https://gitee.com

❝gitee,码云,类似github,但是是国内的,速度非常快。无论是免费的图库,还是将项目放上面,还是将电子书放上面,还是将博客放上面,都非常方便。后面我介绍如何在上面使用bookdown写书。 ❞

2. 下载安装PicGo

❝飞哥注:这个相当于是个插件,可以让PicGo中支持gitee图库 ❞

Picgo

https://github.com/Molunerfinn/PicGo/releases

然后打开插件设置「安装gitee-uploader」,这里我显示已经安装成功了。

「注意:」

❝飞哥注:如果显示nodejs安装,就下载安装,「然后重启PicGo」,注意是关掉重新打开,不是右下角点击重启,那个好像不行。另外,默认安装nodejs,不要点击安装依赖,否则安装vscode等等软件,别问我为什么,因为我安装了一上午(说多了都是泪)…… ❞

nodejs

https://nodejs.org/en/

然后安装插件:gitee-uploader

3. 设置gitee的一个项目

❝飞哥注:建立仓库,主要是用于存储图片,你的用户名和项目名,后面会有用到,尽量用拼音或英文,不要用中文。 ❞

image-20201221111554427

4. 新建gitee项目

❝飞哥注:这里主要是设置秘钥,然后copy到PicGo中,就可以自动关联了。 ❞

点击个人头像,点击设置:

image-20201217181826686

可以新建一个图库的项目,后面(用户名/项目)作为后面repo的名称。

5. 设置私人密钥

「点击私人令牌」,然后点击「生成新令牌」

「点击提交」

image-20201217182047389

登录个人密码,勾选一下,然后点击复制:

image-20201217182149201

6. 设置PicGo

❝飞哥注:注意这里repo中要填写用户名 项目名,不要有http,不要有git,比如dengfei2013/tuku

打开PicGo,找到图床设置,找到gitee,填写相关信息

  • repo:用户名/项目(即为gitee上刚才建立的项目,里面保存图片文件)
  • token:上一步复制的token

image-20201221110908606

然后点击「设置默认图床」

7. 设置Typora

文件---> 偏好设置

❝飞哥注:「注意,这里要选择上传图片,然后勾选前两个,就会把粘贴的图片或者本地的图片,自动上传到Gitee的项目上!」

最后点击「验证图片选项」

「搞定!」

8. 效果

开始写markdown,然后立刻显示,随手截图,粘贴:

发现图片瞬间上传到gitee上了。

image-20201217183039931

9. 将markdown上传到公众号和知乎上

使用网址markdown nice:

https://www.mdnice.com/

用notepad 将md文件打开,复制,粘贴,然后图片瞬间显示:

也可以在Typora中,全选,然后点击

代码语言:javascript复制
Ctrl   shift   c

进行复制为markdown的形式,用

代码语言:javascript复制
Ctrl   v

粘贴就可以了。

「效果如下:」

image-20201217183355247

然后将内容复制到公众号或者知乎上就可以了。

祝你成功!!!

流畅的感觉,忍不住分享一下!!!

10. 该博文参考:

https://juejin.cn/post/6860660058318241806

https://zhuanlan.zhihu.com/p/141109015

0 人点赞