markDown集成图床

阳光穿透心脏的1/2处 2023-10-01 08:40 18阅读 0赞

#### MarkDown集成图床 ####

##### 1.前言 #####

> 1.  平时使用Typora，自己本地看正常，但是发给别人就会出现图片显示不了的情况，原来markDown是根据绝对路径来获取pc上面的图片地址。
> 2.  为了解决这个问题，利用PicGo图片床自动上传图片，使用的是gitee的自建图床。
> 3.  其原理就是根据gitee作为文件服务器托管，然后用绝对路径地址访问你在gittee中文件的地址。
> 4.  关于码云的配置直接看[PicGo+gitee搭建个人图床][PicGo_gitee].

##### 2.安装PicGo插件 #####

> 1.  Gitee图床不是PicGo的列表图床，需要通过插件设置 来添加，但是必须安装Node.js之后才能安装PicGo的插件，因为PicGo要使用npm来安装插件。需要安装的见下面地址：[Node.js下载地址][Node.js]，一路next，最后打开cmd输入path,环境变量当中出现node.js的路径，且node -v 显示node.js的版本号证明成功。
> 2.  安装完Node.js，在PicGo插件设置里搜索 gitee，应该能出两个选项，一个是 picgo-plugin-gitee ，另外一个是picgo-plugin-gitee-uploader ，可能出现npm搜索不到任何结果，所以就会手动安装插件
> 3.  输入 npm -v 能显示 版本号，说明你npm可以使用
>     
>     ![image-20211207100537253][]
> 4.  转到 windows 配置目录在C:\\Users\\XXX\\AppData\\Roaming\\picgo 下 ，XXX 为 电脑的用户名，根据自己的情况修改即可  
>     cd C:\\Users\\XXX\\AppData\\Roaming\\picgo
>     
>     ![image-20211207100725564][]
> 5.  最后在该目录下，使用npm手动安装gitee图床。（补充一点 如果安装缓慢 长时间卡住不动 去设置npm 的数据源为淘宝的。1. 命令 npm config set registry [https://registry.npm.taobao.org][https_registry.npm.taobao.org] 2. 验证命令 npm config get registry 如果返回 [https://registry.npm.taobao.org][https_registry.npm.taobao.org]，说明镜像配置成功。最后执行npm install picgo-plugin-gitee-uploader）
> 6.  命令如下：npm install picgo-plugin-gitee-uploader ，然后重启picgo即可
> 7.  也可以安装别的插件：PicGo插件 清单\](https://github.com/PicGo/Awesome-PicGo)
> 8.  插件安装成功之后还需要对图床进行配置
>     
>     ![1a56802914abc37a4f2031fe19518a59.png][]
> 9.  需要你注册gitee仓库，然后获取token（注意：repo中填写的是用户名/仓库名称且不能有空格)
>     
>     ![image-20211207101221266][]
> 10. 最后结束打开Typora，然后测试文件上传是否成功。
>     
>     ![image-20211207101537144][]

##### 3.一键上传图片 #####

> ![image-20211207101707527][]
> 
> 现在你就可以随便的编写你的文档了。

[PicGo_gitee]: https://blog.csdn.net/weixin_44676935/article/details/104862304?ops_request_misc=%257B%2522request%255Fid%2522%253A%2522159619145219726869057334%2522%252C%2522scm%2522%253A%252220140713.130102334..%2522%257D&request_id=159619145219726869057334&biz_id=0&utm_medium=distribute.pc_search_result.none-task-blog-2~all~first_rank_ecpm_v3~pc_rank_v2-2-104862304.first_rank_ecpm_v3_pc_rank_v2&utm_term=picgo%2Bgitee&spm=1018.2118.3001.4187
[Node.js]: https://nodejs.org/zh-cn/
[image-20211207100537253]: https://img-blog.csdnimg.cn/img_convert/7c928c2f7a80fcac71f14cd3b64e7c2c.png
[image-20211207100725564]: https://img-blog.csdnimg.cn/img_convert/47ab0659e569a0894ecd153b0cc66e2b.png
[https_registry.npm.taobao.org]: https://registry.npm.taobao.org/
[1a56802914abc37a4f2031fe19518a59.png]: https://img-blog.csdnimg.cn/img_convert/1a56802914abc37a4f2031fe19518a59.png
[image-20211207101221266]: https://img-blog.csdnimg.cn/img_convert/835124f08475305763852513621e4085.png
[image-20211207101537144]: https://img-blog.csdnimg.cn/img_convert/579048744b97f2cc7c9e3883093427f6.png
[image-20211207101707527]: https://img-blog.csdnimg.cn/img_convert/082713319e5a31bc8fce3c7822b29c06.png