博客利器 Typora + PicGo, 配置图片自动上传

博客利器 Typora + PicGo, 配置图片自动上传,白嫖gitee

经历魔幻8月, 9月,27寸显示器到货, 开始继续写blog。

安利一款好用的编辑器 : Typora 目前为止用过最好的markdown编辑器。


之前写博客需要用到图片的是侯,Typora是默认保存的本地,文件换个位置的时候图片就会失效, CSDN导入Md文件时,图片也是无法导入的。所以来个图床吧方便些。

图床:一般是指储存图片的服务器,有国内和国外之分。国外的图床由于有空间距离等因素决定访问速度很慢影响图片显示速度。国内也分为单线空间、多线空间和cdn加速三种。

图床工具: PicGo,一款比较优秀的图床,安装在本地不怕扑街。


图片服务器可选七牛云, 阿里云OSS也ok,个人使用的话直接白嫖gitee😉,毕竟gitee给了5个G的空间,而且网络也快。


1. 安装PicGo

picgo下载地址:https://github.com/Molunerfinn/PicGo/releases

image-20201011184313762


1.1 win直接下载.exe的即可。安装启动的界面

image-20201011184452317


1.2 安装插件

在插件设置中搜素gitee, 安装第二个,此处我已经安装好了, 注: gitee-uploader 1.1.2插件,必须先安装node.js

image-20201011184709694


2. 创建图片服务器(白嫖时刻🤗)

在这里插入图片描述


  • 首先gitee创建一个公共仓库

创建图床


  • 然后生成一个私钥(token,下文配置用到)

    在gitee的设置里,找到左面安全设置的私人令牌, 只勾projects这一项然后确认即可。

私人令牌

生成后复制密钥留着。


3. 配置PicGo

选择图床设置,第一步中安装gitee插件后,若是在图床设置找不到gitee图床,重启一下(懂得都懂😁)

image-20201011193106626


repo:用户名/仓库名称,比如我自己的仓库saiuna/saiuna-blog,也可以直接复制仓库的url

branch:分支,默认master即可

token:填入上文所生成的 码云私人令牌即可

path:路径,一般写上img

customPath:提交消息,这一项和下一项customURL都不用填。在提交到码云后,会显示提交消息,插件默认提交的是 Upload 图片名 by picGo - 时间


  • 最后在PicGo设置里可以自行设置一下东西,按个人需要勾选即可。

    image-20201011193301839

然后可以在上传区测试下,会直接将图片上传到自己设置的仓库里。相册一栏可以管理自己上传的相册 ,非常便利


4. 配置Typora 与 PicGo的关联

点击 文件 > 偏好设置 > 图像

设置Typora

按着箭选上即可, PicGo 路径要到 PicGo.exe 着才行。例如:

C:\Users\adminstraor\AppData\Local\Programs\PicGo\PicGo.exe


最后点击 验证图片上传选项, 会发现验证成功。

  • Typora使用下面这个url跟PicGo连接的,所以PicGo的设置也要对应,默认一般就是。

using http://127.0.0.1:36677/upload

image-20201011194518750

至此,尝试下直接复制图片于Typora里,配置没问题的话是会自动上传到自己配置的gitee图床的。


5. 存在的问题

PicGo的Server监听端口会经常变动(比如电脑重启后),就需要修改不然Typora图片也会上传失败,因为Typora 默认端口为36677, 所以上传失败的时候可以检查一下PicGo 的 PicGo-Server 的监听端口是否变动, 一定得是36677

6. 补充,除了高亮外的字体颜色

快捷键懒得整,直接上win 10 自带的输入法来添加吧,电脑右下角右键展开有个用户自定义短语的。在这里插入图片描述


直接拿去贴

<font color='red'>红色</font>

<font color='0066ff'>蓝色</font>

<font color='grey'>灰色</font>

  • 19
    点赞
  • 45
    收藏
    觉得还不错? 一键收藏
  • 7
    评论

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

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

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

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

余额充值