引言
markdown原则上不建议使用base64内嵌图片,因为太麻烦。
如果只是在本机浏览、编辑的话,那引用相对路径或者绝对路径即可,但是考虑到要发布、分享的情况,使用图床是比较好的解决方案。
本教程可以快速得到一个相对稳定的免费图床,不需要已经备案的域名,而且在免费图床中较为稳定。
以下是作为个人免费图床GitHub和SM.MS的对比,
GitHub由于不可描述的原因,在国内访问速度并不是很稳定,而SM.MS是由V2EX大佬@Showfom 在2014年上线的免费图床项目,目前在国内访问速度较快,偶尔可能出现不能用的情况,个人免费额度是5G。
国内的话访问gitee比较快且稳定,下文使用Gitee来搭建(Github和SM.MS图床的搭建可以看这篇文章:GitHub&SM.MS图床的使用)。
一、配置Gitee,获得token
注册
进入Gitee官网:工作台 - Gitee.com注册账号
新建仓库
用于保存Typora上传的图 片
填写各种资料,注意仓库名称不要像下面一样有大写下划线啥的
新建完成后将仓库改为开源
生成token
生成token之后记得保存,之后不会再出现
二、安装PicGo
这是一款开源的本地图片上传图床管理的工具,支持markdown、html、url等格式,地址:https://github.com/Molunerfinn/PicGo/releases,选择相应的版本下载即可,如windows版本选择PicGo-Setup-2.2.2.exe,安装过程略过。
三、安装Node.js
在https://nodejs.org/zh-cn中安装node.js,选择长期支持版。
验证安装:
node -v
出现版本号即是成功
四、在picgo中安装gitee插件
在picgo左侧插件设置中搜索gitee,会发现安装不了,或者说是无反应
手动安装PicGo插件
首先确保安装Node.js, Win+R键 ,输入 cmd 调用 命令行窗口, 输入 npm -v 能显示 版本号,说明你npm可以使用
然后 转到 windows 配置目录在C:\Users\XXX\AppData\Roaming\picgo ,XXX 为 电脑的用户名,根据自己的情况修改即可
cd C:\Users\XXX\AppData\Roaming\picgo
最后在该目录下,使用npm手动安装gitee图床,命令如下:
npm install picgo-plugin-gitee-uploader
然后重启picgo即可。
五、配置PicGo
点击左侧gitee进入–编辑
输入:
用户名/仓库名
之前生成的token
存放的文件夹
完成之后设置为默认图床
最后对typora进行如下设置
然后点击验证图片上传选项测试能否上传成功