React 前端框架助力企业快速适应数字化转型的挑战与机遇
561
2022-09-14
【超实用技巧】✨| 提高写文的质量 和 速率必学技能:❤️ Typora 图床配置 详细说明 ❤️ 【Windows版】
❤️提高写文的质量 和 速率必学技能:Typora图床配置 【Windows版】
-?前言
-?图床简介-?Typora简介
-?方法一:PicGo-Core(command line) + gitee仓库
-?️-?1. 安装Typora软件-?️-?2. 在Typora里-PicGo-Core(command line)插件-?️-?3.安装Node.js-?️-?4. 借助picgo安装gitee图床插件-?️-?5.创建一个仓库,gitee私人令牌获取-?️-?6.修改picgo配置文件-?️-?7.上传图片测试
-?方法二:picgo(app) + gitee仓库
-?️-?1.安装Typora软件-?️-?2.-Picgo软件-?️-?3.安装Node.js-?️-?4.创建Gitee仓库,获取token-?️-?5. 配置gitee插件-?️-?6.配置typora
-?总结
❤️提高写文的质量 和 速率必学技能: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软件不同。
分为下面几个步骤,一起来看一下!
-?️-?安装Typora软件(官网);-?️-?在Typora里-PicGo-Core(command line)插件;-?️-?安装Node.js-?️-?借助picgo安装gitee图床插件;-?️-?修改picgo配置文件
-?️-?1. 安装Typora软件
Typora在各个平台下的安装都很简单,直接去官网-即可
官网-
-?️-?2. 在Typora里-PicGo-Core(command line)插件
-?️-?3.安装Node.js
安装插件首先需要确保电脑已经有Node.js,可以先在CMD中输入node -v来查询,如果已安装会显示下图所示。
若无请先去Node.js官网-并安装。-完之后,找个平时安装软件的地方安装上就好了,不用啥配置!
我是因为没有配置这一步,所以下一步的安装gitee图床插件一直失败!!
-?️-?4. 借助picgo安装gitee图床插件
这一步需要找到第2步中-的picgo二进制文件,不同系统文件名略有不同:
windows系统一般在C:\Users\用户名\AppData\Roaming\Typora\picgo\win64\文件夹,文件名为picgo.exe;
windows系统可以在包含picgo.exe文件的路径下执行:.\picgo.exe install gitee-uploader
效果如下,就代表插件安装成功了!
-?️-?5.创建一个仓库,gitee私人令牌获取
私人令牌在Gitee的设置自己配置一个就好
没有gitee的要先去注册一个,也很简单。
然后新建一个仓库,简单改个名字,最好是全英文小写!
权限要设置为开源,即所有人可见!
然后直接创建就好了,这里要记住这个仓库名和路径,在下一步配置文件会用到
仓库创建好了,接下来就是获取私人令牌了!
简单过程如下:
-?️-?6.修改picgo配置文件
重新打开偏好设置-打开配置文件,此时自动打开picgo的配置文件,配置正确时会自动上传图片到gitee
文件可以参考如下修改:
{ "picBed": { "current": "gitee", "uploader": "gitee", "gitee": { "branch": "master", "customPath": "yearMonth", "customUrl": "", "path": "仓库下的文件夹", "repo": "用户id/仓库名", "token": "gitee上申请的私人令牌" } }, "picgoPlugins": { "picgo-plugin-gitee-uploader": true }}
配置文件内容介绍:
这里要注意,我们需要改的地方只有三个:path、repo和token
path是gitee仓库的一个文件夹,我们自己新建的!
repo为仓库名,假如如有一个仓库名为a,图片存在这个仓库下的b文件夹,你的用户id是c(浏览器地址栏仓库名前的字符串),则path为b、repo为c/a;
然后token改成自己的私人令牌(在上一步获取)
-?️-?7.上传图片测试
配置完上面步,直接在Typora中上传一个图片测试
发现图片的链接变成图片+链接 直接复制到CSDN测试一下
效果如下,就说明配置成功啦!
-?方法二:picgo(app) + gitee仓库
这种方法其实和第一种差别不是很大,就是在偏好设置中改为了picgo(app),而不是PicGo-Core(command line)
下面一起来看一下配置步骤吧!
-?️-?安装Typora软件(与第一种一样,不在赘述)-?️-?-Picgo软件-?️-?安装Node.js-?️-?创建Gitee仓库,获取token(与第一种一样,不在赘述)-?️-?配置gitee插件-?️-?配置typora
-?️-?1.安装Typora软件
与第一种方法一样,直接去官网-安装即可
-?️-?2.-Picgo软件
PicGo-
-完了直接找个文件夹,一路默认安装就好啦!
-?️-?3.安装Node.js
和第一种方法中的一样,不在赘述,直接去看就好!
-?️-?4.创建Gitee仓库,获取token
和第一种方法中的一样,不在赘述,直接去看就好!
-?️-?5. 配置gitee插件
安装完PicGo之后,打开这个软件
然后就会发现已经有Gitee图床了,然后配置一下!
配置三个地方就好了,直接添加上去,分别是你的gitee 的ID,仓库名和Gitee私人令牌
如下:
最好是再配置一下Server,设置一下端口,跟下面一样即可!
-?️-?6.配置typora
打开文件-偏好设置,选择PicGo(app),路径就是安装PicGo的文件夹,选中这个PicGo.exe即可!
大功告成!
上传图片测试一下!
如下所示,就是配置成功啦!
然后在Gitee仓库中也会显示你所有上传成功的图片,如下所示!
-?总结
好啦,本篇文章总结了两种通过Typora + Gitee的方式配置图床
其实方法差别不大,但是区别是 第一种可以不用-PicGo这个软件,但是也需要-插件!
配置方法也都很简单,自我感觉说的还是挺详细了!
配置完了之后就可以在本地写博客啦~ 而且很多平台都支持Markdown编辑器格式,写完后多平台都可以上传!
也拥有了自己的图床网上空间,这个功能对于经常写文的小伙伴是极力推荐的!
写完一篇之后也可以多平台发文章,非常的Nice!还不赶紧三连收藏一波!
但是我使用的时候也是遇到了一个问题
已经上传过的图片,当我再一次拖进来的时候,居然显示上传失败,不知道是咋回事呢!
如果有解决方法的小伙伴也可以在评论区留言,让大家学习一下!
那本篇文章就到这里啦,下次再见啦!
版权声明:本文内容由网络用户投稿,版权归原作者所有,本站不拥有其著作权,亦不承担相应法律责任。如果您发现本站中有涉嫌抄袭或描述失实的内容,请联系我们jiasou666@gmail.com 处理,核实后本网站将在24小时内删除侵权内容。
发表评论
暂时没有评论,来抢沙发吧~