Typora+PicGo+码云Gitee搭建方便又牛逼的本地博客编辑环境教程

前言
我认真开始写博客大概是从疫情爆发的2月开始,在这之前我以编写doc或者txt去做些日常记录工作,中间用得最多的软件就是office系列、win10自带OneNote、NotePad,但是总的用下来,没有比较适合作为我日常开发学习记录笔记。

![image-20210712171521061](https://gitee.com/liuxwang/typora/raw/master/20210712171531.png)
由于作为开发者,长期泡在各种博客频道,知道大部分技术开发者编辑博客都是适用markdown,markdown对我来说一开始是不习惯的,毕竟在没有强烈需求的情况,让我去转另一种写法,对我来说是浪费时间的。

但是后来醒悟过来,程序员内修技术,外修名气, 我是这样虚荣的人吗?其实是为了将我毕生所学,都奉献给互联网,让我成为各位大佬的小肩膀,就是那个强烈的需求,他来了。
我之前基本上是在csdn写好了md发布,然后再copy到另一个平台跟本地存储,是因为csdn基本满足了写博客的功能,上传图片还及时上传到csdn的服务器,用了一段时间(其实就1个月吧),作为开发者,本地存储的意识是很重要的,云端一般是略有信不过,所以改了模式,先在本地写好再上传csdn等博客频道。

本地写的话,受各位大佬的指导下,主要是使用Typora,Typora 是一款支持实时预览的 Markdown 文本编辑器。它有 OS X、Windows、Linux 三个平台的版本,并且由于仍在测试中,是完全免费的,然后个人用感就是,简洁好用,比起原本csdn的博客编辑(新版本已经支持实时预览),用起来爽到飞起,我认为应该是目前最好的md编辑器。

但是在Typora编辑完上传,通常都会烦恼一个问题就是图片, 总所周知,没有表情包的博客是没有生命力的。

![img](https://gitee.com/liuxwang/typora/raw/master/20210712171946.gif)

开玩笑的,一般我们通过一些图片会增强我们博客技术传感力,让我们的博客更加容易读懂,以前我会上传完md之后,再一个个本地图片上传到csdn上面,不知道各位是不是?反正我是觉得很麻烦,后面有大佬跟我说用PicGo,PicGo是一款图床工具,所谓图床工具,就是自动把本地图片转换成链接的一款工具。

我使用的Typora已经支持配置PicGo,直接在Typora编辑页面就能上传图片,具体版本为0.9.86,接下来,将详细介绍如何搭建免费图床跟配置PicGo到Typora,实现一个优秀的博客编辑环境。

PicGo+码云搭建免费图床
PicGo下载
PicGo下载最新版本

下载链接: https://github.com/Molunerfinn/PicGo/releases

安装完成后,点击 图标打开就好,打开页面如下:

![image-20200516224429294](https://gitee.com/liuxwang/typora/raw/master/20210712172554.png)

码云插件下载
为什么不选择Github? 因为Github的网络对国内是不稳定的,所以能使用Gitee就使用Gitee。

PicGo默认是不支持码云,也就是Gitee,但是有大佬已经做好了插件,具体下载操作如下:

![image-20200516224743716](https://gitee.com/liuxwang/typora/raw/master/20210712172603.png)

配置码云信息
首先将gitee添加到我们的图床设置

![image-20200516224948985](https://gitee.com/liuxwang/typora/raw/master/20210712172613.png)


完成后,可以看到左方菜单栏 “图床设置”—> "gitee"

创建码云仓库
我们的想法就是将码云作为我们的博客图片的仓库,通过读取码云仓库链接读取图片,因此我们需要创建一个码云仓库。

登录https://gitee.com/,进入个人主页,

![image-20200516225639581](https://gitee.com/liuxwang/typora/raw/master/20210712172632.png)

顶部菜单栏点击创建仓库,

填写基本仓库基本信息保存即可,记得选择公开仓库

![image-20200516232034258](https://gitee.com/liuxwang/typora/raw/master/20210712172642.png)

获取仓库访问token
PicG上传图片需要通过gitee的API,因此要获取token授权,获取方式如下:

顶部右上角,选择设置,

![image-20200516230239850](https://gitee.com/liuxwang/typora/raw/master/20210712172649.png)

进入设置页面后,点击私人令牌,

点击"生成新令牌"

![image-20200516230420938](https://gitee.com/liuxwang/typora/raw/master/20210712172659.png)

勾选相关权限如下:

![image-20200516230507659](https://gitee.com/liuxwang/typora/raw/master/20210712172708.png)

最后生成令牌,需要马上复制保存,因为之后就不会再出现这个token了。

![image-20200516230541184](https://gitee.com/liuxwang/typora/raw/master/20210712172715.png)

PicGo配置码云
点击"图床配置"里面的gitee选项,就可以看到相关配置信息

![image-20200516230700915](https://gitee.com/liuxwang/typora/raw/master/20210712172730.png)

repo: gitee用户名/仓库名

branch: 分支名

token: 码云的token,复制上一步的token

path: 图片在仓库的保存路径,可以根据自己情况写

然后可以点击上传区,上传图片

![image-20200516231033308](https://gitee.com/liuxwang/typora/raw/master/20210712172739.png)

Typora配置PicGo
接下来将在Typora配置我们的PicGo服务就大功告成!

Ctrl+, 打开Typora偏好设置,配置picgo相关项即可

![image-20200516231723823](https://gitee.com/liuxwang/typora/raw/master/20210712172747.png)

可点击“图片验证”,进行上传测试如下:

![image-20200516231819870](https://gitee.com/liuxwang/typora/raw/master/20210712172756.png)

先复制一张图片进来

得到一个本地地址

![image-20210712174453734](https://gitee.com/liuxwang/typora/raw/master/20210712174600.png)

![image-20210712174524096](https://gitee.com/liuxwang/typora/raw/master/20210712174833.png)

上传完后,图片已经是gitee的图片地址,此时直接把md内容拷到博客频道就不需要慢慢上传图片了!

效果

![image-20210712174655706](https://gitee.com/liuxwang/typora/raw/master/20210712174659.png)

如果大家有更好的本地编写博客环境也可以在评论推荐哦~

————————————————
版权声明:本文为CSDN博主「Mark_MMXIX」的原创文章,遵循CC 4.0 BY-SA版权协议,转载请附上原文出处链接及本声明。
原文链接:https://blog.csdn.net/qq_28540443/article/details/106167623

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值