Typora+PicGo+Gitee搭建博客写作环境

在学习的过程中,很多同学都有记笔记的习惯,记笔记的工具有很多,大概有以下几种:

  • Word
  • oneNote
  • 印象笔记
  • 语雀
  • Markdown
  • .......

总之,记笔记的软件五花八门,而程序员作为特殊的群体,他们热衷于钻研技术分享技术,因此免不了写文章发布在各类博客平台。为了同非专业人士区分开来,程序员通常采用Markdown写作,撰写好的文章的会发布在多个博客平台,因此免不了图片复用

本文以图片复用为出发点,详细阐述了如何使用Typora+PicGo+Gitee搭建我们的博客写作环境。

  • Typora:它是一款轻便简洁的Markdown编辑器,支持即时渲染技术,即所写立刻所见,少了排版的时间,专注于文章内容的编辑。
  • PicGo:它是一个用于快速上传图片并获取图片 URL 链接的工具,支持多种图库。
  • Gitee:目前中国最大的代码托管的工具,除了代码,还可以用作图片存储。

本文共分为三部分,Typora和PicGo软件的安装PicGo+Gitee图床环境的搭建Typora接入图床

1、Typora和PicGo

1.1 Typora

  • Typora介绍

Typora 是一款支持实时预览的 Markdown 文本编辑器。它有 OS X、Windows、Linux 三个平台的版本,并且由于仍在测试中,是完全免费的。

它首先是一个 Markdown 文本编辑器,它支持 Markdown 语法的文本编辑。在 Typora 官网上他们将 Typora 描述为 「A truly minimal markdown editor. 」

  • 系统

本文使用的系统环境是windows10

  • 下载

<img src="https://gitee.com/Langyk/image-repository1/raw/master/202108042138225.png" alt="image-20210804213716829" />

根据自己的需要选择性的下载即可。

安装步骤比较简单,一直点击next即可。

1.2 PicGo

所谓图床工具,就是自动把本地图片转换成链接的一款工具,网络上有很多图床工具,就目前使用种类而言,PicGo 算得上一款比较优秀的图床工具。它是一款用 Electron-vue 开发的软件,可以支持微博,七牛云,腾讯云COS,GitHub,阿里云OSS,SM.MS,imgur 等7种常用图床,功能强大,简单易用。

  • 下载

NOTE:mac系统选择dmg下载,windows选择.exe下载。

安装过程很简单,一直next即可。

2、PicGo+Gitee图床环境的搭建

2.1 创建仓库

在自己的Gitee上创建一个仓库,仓库必须是公开(开源)的。

<img src="C:/Users/yakun/AppData/Roaming/Typora/typora-user-images/image-20210803232332445.png" alt="image-20210803232332445" />

2.2 设置私人令牌

  • 在gitee点击自己的头像,并找到设置按钮。

<img src="https://gitee.com/Langyk/image-repository1/raw/master/202108032327981.png" alt="image-20210803232706236" />

  • 在安全设置中找到私人令牌

<img src="https://gitee.com/Langyk/image-repository1/raw/master/202108032328617.png" alt="image-20210803232813590" />

  • 输入私人令牌描述和gitee密码

<img src="C:/Users/yakun/AppData/Roaming/Typora/typora-user-images/image-20210803232957498.png" alt="image-20210803232957498" />

  • 全部完成后,即可生成私人令牌,

<img src="https://gitee.com/Langyk/image-repository1/raw/master/202108032331417.png" alt="image-20210803233119378" />

NOTE:一定要保存好令牌,页面关闭后,将再也找不到本次生成的令牌,若令牌丢失,可以重新生成新的令牌

2.3 PicGo的设置

2.3.1 设置Gitee图床

在图床设置中选择Gitee图床

<img src="https://gitee.com/Langyk/image-repository1/raw/master/202108032334532.png" alt="image-20210803233435291" />

  • owner:写自己的用户名即可
  • repo:用户名/仓库名称,比如我自己的仓库Langyk/image_repository,也可以直接复制仓库的url

  • 这个是可选项,可以不填写
  • token:这个就是我们生成的私人令牌,直接复制到里面
  • message:这个是非必填项,不影响

2.3.2 PicGo设置

  • 设置开机启动时间戳重命名

<img src="https://gitee.com/Langyk/image-repository1/raw/master/202108032343879.png" alt="image-20210803234305235" />

2.3.3 插件设置

在搜索框中搜索gitee,并安装该插件

NOTE: 这里注意一下,必须要先安装node.js才能安装插件,没装的自己装一下,然后重启就行。

<img src="https://gitee.com/Langyk/image-repository1/raw/master/202108032344353.png" alt="image-20210803234456302" />

3、Typora接入图床

有了前面的工作后,就可以在Typora中接入图床了

在Typora中的左上角选择文件--->偏好设置--->图像

按照下图进行配置

  • 最后点击验证图片上传选项检验图床是否接入成功,成功时则会显示验证成功

<img src="https://gitee.com/Langyk/image-repository1/raw/master/202108032353993.png" alt="image-20210803235212995" />

到此,我们的写作环境就搭建好了。

我是Simon郎,一个每天都想博学一点点的小青年,期待你的关注,我们下篇文章见。

03-05 20:37