使用Markdown+Typora+PicGo打造你的写博客利器

1. Markdown和Typora

Markdown 文件是 IT 圈使用最广泛的文件,GitHub、Gitee 上的开源项目的 readme 文件都是用 Markdown 编写的,除此之外,很多程序员也用 Markdown 来做笔记


编写 Markdown 文件的软件有很多,最为出名的是 Typora

Typora 官方中文站:Typora 官方中文站 (typoraio.cn)

在这里插入图片描述


Typora 的购买链接:Typora - 跨平台 Markdown 编辑器 所见即所得 支持 Latex 公式 - 荔枝软件商店 (lizhi.shop)(软件是买断制的,需要支付 89 元,购买后永久免费使用,当然也有一些方法可以免费使用 Typora,在这里就不展开了)

在这里插入图片描述

2. 写博客时遇到的痛点

虽然说写博客时可以直接导入本地的 Markdown 文件(需要使用 Markdown 编辑器),但是如果 Markdown 文件中有图片时,就会出现图片加载失败的情况

在这里插入图片描述

在这里插入图片描述

扫描二维码关注公众号,回复: 17431137 查看本文章

之所以会出现这种情况,是因为 Markdown 文件中的图片使用的是本地图片,而导入 Markdown 文件时是读取不到本地图片的

这就导致我们每次发布博客时都要手动将图片重新复制粘贴一遍,将图片转存到 CSDN 的服务器上,才能让博客正常显示图片,如果一篇文章中的图片比较多,那么复制粘贴的操作绝对能让你崩溃


今天为大家介绍的 PicGo 正是为了解决这一痛点!!!

3. PicGo

3.1 什么是PicGo

PicGo 是一个开源的图片上传工具,它支持多种图床(图片存储服务),允许用户快速地将图片上传到指定的图床,并获得图片的链接


PicGo 特别适用于经常需要在网络平台(如博客、论坛、GitHub 等)分享图片的用户,以下是 PicGo 的一些特点:

  1. 支持多种图床:PicGo 支持包括但不限于 SM.MS、腾讯云 COS、阿里云 OSS、GitHub、七牛云等在内的多种图床服务
  2. 拖拽上传:用户可以直接将图片拖拽到 PicGo 的界面中进行上传,非常方便
  3. 快捷键上传:PicGo 支持使用快捷键快速上传剪贴板中的图片
  4. URL 网址复制:上传图片后,PicGo 可以自动将图片的 URL 复制到剪贴板,方便用户粘贴到其他地方
  5. 自定义上传:用户可以自定义上传参数,如图片名称、路径等
  6. 插件系统:PicGo 拥有一个插件系统,允许用户安装额外的插件来扩展其功能,例如支持更多图床、添加图片压缩等
  7. 跨平台:PicGo 支持多个操作系统,包括 Windows、macOS 和 Linux

使用 PicGo 可以大大简化图片上传和管理的流程,特别是对于那些需要频繁处理图片的用户,可以显著提高工作效率。通过配置 PicGo,用户可以打造适合自己的图片上传工作流

3.2 PicGo的官网

PicGo的官网:PicGo

在这里插入图片描述

可以看到,PicGo 的默认语言是中文,说明是由国人开发的

3.3 PicGo的GitHub地址

PicGo

在这里插入图片描述

3.4 PicGo的下载地址

当前 PicGo 最新的版本是 2.4.0-beta.8,不是正式版,我们选择更稳定的 2.3.1 版本

下载地址:PicGo 2.3.1

在这里插入图片描述

PicGo 支持多个操作系统,本次演示使用的是 Windows 操作系统


如果从 GitHub 上下载比较慢,可以试一下 PicGo 提供的其它下载源

在这里插入图片描述


山东大学镜像站:山东大学镜像站(亲测可用)

在这里插入图片描述

3.5 安装PicGo

下载完 PicGo 的安装包后,将 PicGo 安装在一个没有中文的目录下

3.6 PicGo支持的图床

PicGo 默认支持的图床有

  • 腾讯云 COS
  • 阿里云 OSS
  • SM.MS
  • GitHub(不建议大家使用 GitHub 作为图床,因为 GitHub 的图床虽然你自己可以访问,但别人可能访问不了)
  • 七牛云
  • Imgur
  • 又拍云

在这里插入图片描述


此外,PicGo 还支持其它的图床,不过需要借助插件

在这里插入图片描述

点击插件设置旁边的图标后会跳转到插件库,如果你想接入其它的图床,可以在插件库里面找一下有没有现成的插件

4. 如何将Typora、PicGo和第三方存储结合起来(以阿里云OSS为例)

我们该如何做到在 Typora 中粘贴图片时,不是将图片保存到本地,而是将图片上传到第三方对象存储上呢

接下来我将以阿里云 OSS 为例,为大家演示如何将 Typora、PicGo 和第三方存储结合起来(阿里云 OSS 好像每个月有一定的免费额度)

4.1 创建Bucket

创建地址:OSS管理控制台 (aliyun.com)

在这里插入图片描述

只需填写 Bucket 名称和选择地域,其它选项使用默认的即可(成功创建 Bucket 后,大概需要 30 分钟才能正常使用 Bucket)

在这里插入图片描述

4.2 修改Bucket的权限

先关闭阻止公共访问

在这里插入图片描述

将 Bucket 的权限更改为公共读

在这里插入图片描述

4.3 获取AccessKeyID和AccessSecret

获取地址:AccessKeyID和AccessSecret


如果没有 AccessKey,就创建一个 AccessKey

在这里插入图片描述

4.4 在PicGo中设置图床

填写完 AccessKeyId 和 AccessSecret 等信息后点击确定,再点击设置为默认图床

  • 阿里云 OSS 的存储区域一般是以 oss-cn- 开头,尾部填写城市的拼音即可
  • 存储路径,访问图片的前缀,可以理解为 Windows 操作系统中的文件夹

在这里插入图片描述

4.5 设置Typora的图片保存方式

先在 Typora 的菜单栏中找到偏好设置

在这里插入图片描述

接着找到图像一栏

在这里插入图片描述

验证成功后弹出的提示

在这里插入图片描述


上述配置都完成了之后,在 Typora 中粘贴图片,图片就会自动上传到阿里云 OSS 对象存储上,同时 Markdown 文档中显示的也是上传图片后阿里云 OSS 对象存储返回的访问图片的 URL

5. 使用PicGo的缺点(依赖第三方存储服务、存在泄露隐私的风险、离线状态下失效、流量炸弹、配置防盗链较为麻烦)

当然,使用 PicGo 也有不少缺点,更准确地来说,是使用图床的缺点:

  1. 依赖第三方存储服务:图床服务有可能会不可用,导致图片无法访问,笔记的完整性收到影响
  2. 存在泄露隐私的风险:把图片交给图床就像把秘密交给陌生人,有可能被偷窥、篡改,甚至盗用
  3. 离线状态下失效:离线状态下,图床图片无法加载,笔记内容不完整,工作效率受影响
  4. 流量炸弹:图床地址泄露可能会遇到恶意刷流量的情况,高额的流量费用将由用户承担,有的人甚至一晚损失了几千大洋
  5. 配置防盗链较为麻烦:为了避免出现防盗链的情况,需要在第三方存储服务中添加白名单域名、黑名单域名、禁止空文件头,较为麻烦

其实,我们写博客时手动复制粘贴图片,本质上也是使用了 CSDN 官方的图床,就算使用了第三方对象存储服务,CSDN 也会将图片转存到 CSDN 官方的图床中,也就是说,使用 PicGo 只是帮你省去了你手动复制粘贴图片的过程


总的来说:

  • 如果文档中的图片较少,建议将图片保存到本地,手动复制粘贴图片到博客中
  • 如果文档中的图片很多,可以接入第三方存储服务(也就是图床),毕竟复制粘贴操作是真的费时又费力,花点小钱接入第三方存储服务,既能避免不必要的重复劳动,又能节省我们的时间

猜你喜欢

转载自blog.csdn.net/m0_62128476/article/details/142907484