Markdown图片管理解决方案:Typora+PicGo+Gitee

Markdown图片管理解决方案:Typora+PicGo+Gitee

文章目录

    • Markdown图片管理解决方案:Typora+PicGo+Gitee
      • 前言
      • 说明
      • 环境搭建
        • Typora的安装
        • PicGo的安装
        • 功能配置
          • 1.创建图床仓库
          • 2.配置PicGo服务
          • 3.设置Typora相关功能

前言

Markdown作为轻量级标记语言,拥有简单、便捷、高效的特点,使它越来越被大众所接受。但是在编辑的过程让初学者,甚至有一定经验的编辑者也会有一点不爽——因为无法直观的查看自己编辑的内容。为了能让它用起来“爽”,越来越多优质的Markdown编辑器产生了。而Typora就是其中一款。

又因为Markdown是轻量级的标记语言,无法很方便的将图片进行很好的管理。只能将图片在本地保存后,再在Markdown中进行链接。这样如果需要将编辑的Markdown进行分享或公开就会很麻烦。试想一下如果我们将某个仓库的README.md文件编辑了,在其中增加了一些图片。在推送时,还需要将图片一一进行推送,即使文档中使用了相对位置作为图片链接,文档也需要保持和图片的相对位置一致。图床的出现使得这个过程变得简单、方便,让我们更专注于文档本身,而不是编辑之后发布、推送等其他操作。

图床,指储存图片的服务器,因为考虑当访问方便(毕竟GitHub经常会被墙),本文中将使用国内的Gitee作为图床的提供者。因为Typora 0.9.86之后就支持PicGo作为图床上传服务,所以本文使用PicGo作为图床发布服务。

说明

工具 说明
一款支持实时预览的高效Markdown文本编辑器。
开源的图片上传管理工具。
OSCHINA.NET 推出的代码托管平台,支持 Git 和 SVN,提供免费的私有仓库托管。

环境搭建

Typora的安装

官网:Typora — a markdown editor, markdown reader.

下载页(windows):Typora — a markdown editor, markdown reader.

去官网下载对应环境的安装包,正常安装即可。

PicGo的安装

主页:PicGo (molunerfinn.com)

PicGo下载:Releases · Molunerfinn/PicGo (github.com)

在下载页中找到对应的安装包,安装即可。注意,打开后不会自动弹出窗口,而是隐藏在通知栏。

功能配置

1.创建图床仓库

Gitee:Gitee - 基于 Git 的代码托管和研发协作平台

  1. 无论如何先弄一个账号呗。

  2. 然后新建仓库,作为图床仓库。

Markdown图片管理解决方案:Typora+PicGo+Gitee_第1张图片

创建时,只需要注意将仓库设为开源即可(因为开源才能被其他人访问到哦)。而仓库地址的部分路径会在PicGo配置中使用到。

Markdown图片管理解决方案:Typora+PicGo+Gitee_第2张图片

  1. 进入个人设置页面,找到私人令牌设置(PicGo配置中会使用)。

    Markdown图片管理解决方案:Typora+PicGo+Gitee_第3张图片

  2. 点击【生成新令牌】按钮,提交生成新的令牌。记得将生成的令牌保存起来,离开后就不会再显示。

Markdown图片管理解决方案:Typora+PicGo+Gitee_第4张图片

2.配置PicGo服务
  1. 打开我们的PicGo,打开后不会自动弹出窗口,而是隐藏在通知栏(刚开始坑了我一把,还以为运行不了),点击【插件设置】。

Markdown图片管理解决方案:Typora+PicGo+Gitee_第5张图片

  1. 由于gitee不是该工具默认图床服务,所以需要安装对应插件,搜索框输入gitee,推荐使用gitee-upload(因为亲测没啥问题)。

Markdown图片管理解决方案:Typora+PicGo+Gitee_第6张图片

  1. 展开图床设置,此时已能找到gitee的设置了,打开后按下图输入内容保存就可以了。

Markdown图片管理解决方案:Typora+PicGo+Gitee_第7张图片

3.设置Typora相关功能
  1. 打开偏好设置

Markdown图片管理解决方案:Typora+PicGo+Gitee_第8张图片

  1. 按下图进行设置。然后点击【验证图片上传选项】,成功就说明整个环境已经搭建好啦,在用Typora编辑Markdown的过程中可以随意的插入或粘贴图片,右键上传即可。使用过程中记得打开PicGo。

Markdown图片管理解决方案:Typora+PicGo+Gitee_第9张图片

你可能感兴趣的:(云云,markdown,npm,git)