【超实用技巧】✨| 提高写文的质量 和 速率必学技能:❤️ Typora 图床配置 详细说明 ❤️ 【Windows版】_图床

❤️提高写文的质量 和 速率必学技能:Typora图床配置 【Windows版】

????前言

  • 之前写文章的时候,就听人说可以用​​图床​​​ 来写博客,但是一直不知道​​图床​​到底是个啥东西
  • 最近正好因为某种原因(xxx) ,让我重新想到了这个​​图床​​~
  • 所以正好自己简单配置了一个,顺手写一篇教程来记录下自己是怎样​​配置图床​​的!

????图床简介

​图床​​:图床一般是指储存图片的服务器,有国内和国外之分。

国外的图床由于有空间距离等因素决定访问速度很慢影响图片显示速度。国内也分为单线空间、多线空间和cdn加速三种。

简单来说,就是一个可以上传图片的一个​​网上空间​

因为我们在本地写一些东西的时候,比如使用World文档,当你从本地拖进去几张照片的时候

在当前这个World文档是能看见的,但是假设当你因为某个需求想要把它放到CSDN的话,那这个图片就不会显示出来了。

所以我们需要用这个​​图床​​​配置,来将图片上传到一个​​网上空间​​,这样的话就可以到处复制都没有关系啦!


????Typora简介

说到​​图床​​,那我们肯定需要一个​​markdown编辑器​​~

说到markdown编辑器自然就是我们的​​Typora​​登场了!

​Typora​​是一个跨平台的markdown编辑器,使用markdown编辑器写文章优点是排版简洁

痛点则是无法像Word那样直接​​嵌入图片​​,插入的图片实际上插入的是​​图片的路径​​(可以是本地路径也可以是网络路径)。

使用网络路径的优点是​​文档可以跨平台跨设备浏览​​,在使用前需要进行些许配置

所以我这里使用了​​两种方案​​来配置图床,下面一起来看看吧!


????方法一:PicGo-Core(command line) + gitee仓库

这个方法使用的方案是​​PicGo-Core(command line)+gitee仓库​​的方案

这里的​​PicGo-Core​​​是​​Typora内置​​​的一个​​插件​​​,和​​picgo软件​​不同。

分为下面几个​​步骤​​,一起来看一下!

  1. ????️‍????安装Typora软件(官网);
  2. ????️‍????在Typora里下载PicGo-Core(command line)插件;
  3. ????️‍????安装Node.js
  4. ????️‍????借助picgo安装gitee图床插件;
  5. ????️‍????修改picgo配置文件

????️‍????1. 安装Typora软件

Typora在各个平台下的安装都很简单,直接去官网下载即可

​官网下载地址​

【超实用技巧】✨| 提高写文的质量 和 速率必学技能:❤️ Typora 图床配置 详细说明 ❤️ 【Windows版】_图床_02

【超实用技巧】✨| 提高写文的质量 和 速率必学技能:❤️ Typora 图床配置 详细说明 ❤️ 【Windows版】_写文必备_03

很简单的下载,下载完后直接点击安装,选择一个文件夹就好啦!


????️‍????2. 在Typora里下载PicGo-Core(command line)插件

打开​​Typora​​​,依次点击​​文件-偏好设置-图像​​;

按下图所示勾选插入图片时的选项,并在上传服务设定选择​​PicGo-Core(command line)​​​,点击​​下载或更新​​按钮下载插件;

【超实用技巧】✨| 提高写文的质量 和 速率必学技能:❤️ Typora 图床配置 详细说明 ❤️ 【Windows版】_图床配置_04


????️‍????3.安装Node.js

安装插件首先需要确保电脑已经有​​Node.js​​​,可以先在CMD中输入​​node -v​​来查询,如果已安装会显示下图所示。

【超实用技巧】✨| 提高写文的质量 和 速率必学技能:❤️ Typora 图床配置 详细说明 ❤️ 【Windows版】_图床配置_05

若无请先去​​Node.js​​官网下载并安装。下载完之后,找个平时安装软件的地方安装上就好了,不用啥配置!

我是因为没有配置这一步,所以下一步的​​安装gitee图床插件​​一直失败!!

【超实用技巧】✨| 提高写文的质量 和 速率必学技能:❤️ Typora 图床配置 详细说明 ❤️ 【Windows版】_图床_06


????️‍????4. 借助picgo安装gitee图床插件

这一步需要找到第2步中下载的​​picgo二进制文件​​,不同系统文件名略有不同:

​windows系统​​​一般在​​C:\Users\用户名\AppData\Roaming\Typora\picgo\win64\​​​文件夹,文件名为​​picgo.exe​​;

​windows系统​​​可以在包含​​picgo.exe文件​​​的路径下执行:​​.\picgo.exe install gitee-uploader​

效果如下,就代表​​插件安装成功​​了!

【超实用技巧】✨| 提高写文的质量 和 速率必学技能:❤️ Typora 图床配置 详细说明 ❤️ 【Windows版】_Gitee_07


????️‍????5.创建一个仓库,gitee私人令牌获取

​私人令牌​​​在​​Gitee​​的设置自己配置一个就好

没有​​gitee​​的要先去注册一个,也很简单。

然后新建一个​​仓库​​,简单改个名字,最好是全英文小写!

权限要设置为​​开源​​​,​​即所有人可见​​!

然后直接创建就好了,这里要记住这个​​仓库名和路径​​,在下一步配置文件会用到

【超实用技巧】✨| 提高写文的质量 和 速率必学技能:❤️ Typora 图床配置 详细说明 ❤️ 【Windows版】_Gitee_08

仓库创建好了,接下来就是获取​​私人令牌​​了!

简单过程如下:

【超实用技巧】✨| 提高写文的质量 和 速率必学技能:❤️ Typora 图床配置 详细说明 ❤️ 【Windows版】_图床_09

【超实用技巧】✨| 提高写文的质量 和 速率必学技能:❤️ Typora 图床配置 详细说明 ❤️ 【Windows版】_网络_10

【超实用技巧】✨| 提高写文的质量 和 速率必学技能:❤️ Typora 图床配置 详细说明 ❤️ 【Windows版】_写文必备_11


????️‍????6.修改picgo配置文件

重新打开​​偏好设置-打开配置文件​​​,此时自动打开​​picgo​​​的配置文件,配置正确时会自动上传图片到​​gitee​

【超实用技巧】✨| 提高写文的质量 和 速率必学技能:❤️ Typora 图床配置 详细说明 ❤️ 【Windows版】_图床配置_12

文件可以参考如下修改:

{
"picBed": {
"current": "gitee",
"uploader": "gitee",
"gitee": {
"branch": "master",
"customPath": "yearMonth",
"customUrl": "",
"path": "仓库下的文件夹",
"repo": "用户id/仓库名",
"token": "gitee上申请的私人令牌"
}
},
"picgoPlugins": {
"picgo-plugin-gitee-uploader": true
}
}

配置文件内容介绍:

  1. ​current​​为当前的图床,uploader表示上传用的图床,这里两个都设置为gitee;
  2. ​master​​表示主分支,一般用做图床的仓库是个单独的仓库,此处保持master就好;
  3. ​path​​为仓库下的文件夹;
  4. ​token​​为私人令牌,需要在gitee网站申请,申请的token只出现一次,点击复制按钮将其粘贴到配置文件中即可,一个用户可以有多个token,可以在gitee网站管理自己的token。
  5. 使用的插件都要在​​picgoPlugins​​里包含并设置为true,这里只使用了gitee插件

这里要注意,我们需要改的地方只有三个:​​path、repo和token​

​path​​是gitee仓库的一个文件夹,我们自己新建的!

​repo​​​为仓库名,假如如有一个仓库名为a,图片存在这个仓库下的b文件夹,你的用户id是c(浏览器地址栏仓库名前的字符串),则​​path为b、repo为c/a​​;

然后​​token​​​改成自己的​​私人令牌​​(在上一步获取)


????️‍????7.上传图片测试

配置完上面步,直接在Typora中上传一个图片测试

发现图片的链接变成​​http://gitee.com...​​就算配置成功啦

然后把这个 ​​图片+链接​​ 直接复制到CSDN测试一下

效果如下,就说明配置成功啦!

【超实用技巧】✨| 提高写文的质量 和 速率必学技能:❤️ Typora 图床配置 详细说明 ❤️ 【Windows版】_图床配置_13


????方法二:picgo(app) + gitee仓库

这种方法其实和第一种差别不是很大,就是在​​偏好设置​​​中改为了​​picgo(app)​​​,而不是​​PicGo-Core(command line)​

下面一起来看一下​​配置步骤​​吧!

  1. ????️‍????安装Typora软件(与第一种一样,不在赘述)
  2. ????️‍????下载Picgo软件
  3. ????️‍????安装Node.js
  4. ????️‍????创建Gitee仓库,获取token(与第一种一样,不在赘述)
  5. ????️‍????配置gitee插件
  6. ????️‍????配置typora

????️‍????1.安装Typora软件

与第一种方法一样,直接去官网下载安装即可


????️‍????2.下载Picgo软件

​PicGo下载地址​

直接​​点击网址​​,进去找到这个下载Windows版本的即可

下载完了直接找个文件夹,一路默认安装就好啦!

【超实用技巧】✨| 提高写文的质量 和 速率必学技能:❤️ Typora 图床配置 详细说明 ❤️ 【Windows版】_图床配置_14


????️‍????3.安装Node.js

和第一种方法中的一样,不在赘述,直接去看就好!


????️‍????4.创建Gitee仓库,获取token

和第一种方法中的一样,不在赘述,直接去看就好!


????️‍????5. 配置gitee插件

安装完​​PicGo​​之后,打开这个软件

然后点击​​插件设置​​​,搜索:​​gitee​​,然后安装就好了!如下

【超实用技巧】✨| 提高写文的质量 和 速率必学技能:❤️ Typora 图床配置 详细说明 ❤️ 【Windows版】_网络_15

然后就会发现已经有​​Gitee图床​​了,然后配置一下!

配置三个地方就好了,直接添加上去,分别是你的​​gitee 的ID​​​,​​仓库名​​​和​​Gitee私人令牌​

如下:

【超实用技巧】✨| 提高写文的质量 和 速率必学技能:❤️ Typora 图床配置 详细说明 ❤️ 【Windows版】_图床_16

最好是再配置一下​​Server​​​,设置一下​​端口​​​,跟下面​​一样​​即可!

【超实用技巧】✨| 提高写文的质量 和 速率必学技能:❤️ Typora 图床配置 详细说明 ❤️ 【Windows版】_网络_17

【超实用技巧】✨| 提高写文的质量 和 速率必学技能:❤️ Typora 图床配置 详细说明 ❤️ 【Windows版】_图床_18


????️‍????6.配置typora

打开​​文件-偏好设置​​​,选择PicGo(app),​​路径​​​就是安装PicGo的文件夹,选中这个​​PicGo.exe​​即可!

【超实用技巧】✨| 提高写文的质量 和 速率必学技能:❤️ Typora 图床配置 详细说明 ❤️ 【Windows版】_图床_19

大功告成!

​上传图片​​测试一下!

如下所示,就是​​配置成功​​啦!

【超实用技巧】✨| 提高写文的质量 和 速率必学技能:❤️ Typora 图床配置 详细说明 ❤️ 【Windows版】_网络_20

然后在​​Gitee仓库​​​中也会显示你所有​​上传成功的图片​​,如下所示!

【超实用技巧】✨| 提高写文的质量 和 速率必学技能:❤️ Typora 图床配置 详细说明 ❤️ 【Windows版】_写文必备_21


????总结

好啦,本篇文章总结了两种通过​​Typora​​​ + ​​Gitee​​​的方式​​配置图床​

其实方法差别不大,但是区别是 第一种可以不用下载​​PicGo​​这个软件,但是也需要下载插件!

​配置方法​​也都很简单,自我感觉说的还是挺详细了!

配置完了之后就可以在本地写博客啦~ 而且很多平台都支持​​Markdown编辑器​​​格式,写完后​​多平台​​都可以上传!

也拥有了自己的​​图床网上空间​​​,这个功能对于经常写文的小伙伴是​​极力推荐​​的!

写完一篇之后也可以多平台发文章,非常的​​Nice​​!还不赶紧三连收藏一波!


但是我使用的时候也是遇到了一个​​问题​

已经上传过的图片,当我再一次拖进来的时候,居然显示上传失败,不知道是咋回事呢!

如果有解决方法的小伙伴也可以在​​评论区留言​​,让大家学习一下!

那本篇文章就到这里啦,下次再见啦!

【超实用技巧】✨| 提高写文的质量 和 速率必学技能:❤️ Typora 图床配置 详细说明 ❤️ 【Windows版】_图床_22