排行榜 统计
  • 建站日期:2020-12-30
  • 文章总数:13 篇
  • 评论总数:114 条
  • 分类总数:5 个
  • 最后更新:9月12日

Markdown自动上传图片到图床

本文阅读 3 分钟

平时大家在编写Markdown文档时经常需要插入图片,但是插入的图片在本地,当需要将文档发布在博客等网站时会发现插入的图片全部失效,相信大家应该都知道图床,但是一个文档中不可能只有一张图片,一张一张上传到图床既麻烦又浪费时间。今天我就教大家解决该问题。

本文所需

1、Typora (Markdown的可视化编辑器)

2、PicGo(一个用于快速上传图片并获取图片 URL 链接的工具)

3、node.js (配合PicGo在安装插件时使用)(安装方法:下一步就行)

4、图床 推荐使用(https://img.xuewuzhibu.cn)免费,免费,免费 !!!

正式开始

首先需要下载安装PicGo,安装这里就不做演示了,安装后打开PicGo在插件设置中搜索web-uploader点击安装,如下图所示 注意:PicGo安装插件需要安装node.js环境

image-20210702114948628

更多插件: https://github.com/PicGo/Awesome-PicGo

这里以学无止步图床做例子

在Typora中设置自动上传

在软件导航栏中选择文件->偏好设置

image-20210702143336495

按照图片所示选择即可

image-20210702143907622

这里需要说一下图床提供内API接口每个用户都对应一个token在请求接口是需要加上token

image-20210702142341734

上图是接口请求获取token的方法,也可以在网站登录后在个人设置中查看token

image-20210702142719419

至此获取token的方法结束,下面来讲一下在PicGo中的配置

API地址:https://img.xuewuzhibu.cn/api/upload

Post参数名:image

Json路径: data.url

自定义请求头: {"token":"填写你自己的token"}

填写完记得一定要确定,建议将这个设置为默认图床,如果就可以去Typora中试试了

image-20210702144323583

image-20210702145259226

image-20210702145348758

教程到这里就结束了,感谢大家观看,有问题在评论区留言即可!

原创文章,作者:Young,如若转载,请注明出处:https://xuewuzhibu.cn/61.mdimg.html
-- 展开阅读全文 --
如何拥有一个属于自己的互联IDC平台【Swapidc】
« 上一篇 05-22
V免签对接易支付插件带易支付源码
下一篇 » 07-31

发表评论

成为第一个评论的人