本文配置记录部分参考自CSDN博客https://blog.csdn.net/jaymie1023/article/details/105361168,感谢原博主分享!
本篇内容或许过于啰嗦,需要精简版的同学可以移步另一篇较新博文Typora图床配置
友情提示:目前gitee启用了防盗链机制,使用gitee作图床图片可正常上传,但文档可能无法正常浏览,因此不再建议将gitee仓库作为图床使用。Typora使用其他图床可参考本文设置,方法大同小异
好记性不如烂笔头,对于需要持续输入的自己来说,需要输出倒逼输入,写笔记是个不错的选择。偶然发现使用markdown
语言的优秀markdown
编辑器Typora
,能够很好支持markdown
语法,使用markdown
的一大痛点是图片的显示,Typora
编辑器默认插入图片时将图片保存在本地,使用图片相对路径,但不利于笔记迁移,也不利于网络传输。
综上,于是有了本文:
gitee
图床将图片保存在gitee
远程仓库,只要终端能够正常访问网络,就能够正常浏览保存成笔记的*.md
markdown
文件;gitee
远程仓库中,可以使用git
对仓库进行管理,可以将仓库拉取到本地备份,很方便,git的使用可以参考廖雪峰的文章;.pdf
格式文件,离线也能正常浏览;.md
笔记文件和导出的.pdf
文件存放在坚果云
中,实现多终端同步;markdown
语言标准,将编辑完成的.md
文件内容,直接复制到支持markdown
语法的博客系统中,语法上稍作修改,笔记直接变身博客。以上,一举五得。
本文要做的就是:借助Typora
编辑器里的picgo
支持,使用node.js
环境辅助,实现写作时插入笔记中的图片自动上传到自己的gitee
仓库中,就这么简单。
码云
账号;打开码云官方网站,输入用户名和密码登录,未注册账号自行注册。在个人主页右上角点击+
号,选择新建仓库
按下图红框提示创建仓库,仓库名称
按自己喜好就好,最后点击 创建
完成仓库的创建。
点击个人主页
的设置
找到私人令牌
点击右上角 生成新令牌
权限选择前两个就够了,令牌
最好添加描述以明确用途,没有也没关系,完成之后点击 提交
令牌只会生成一次,以后遗忘了还可以重新生成,这里将令牌(token)
复制下来,后面会用到。
Typora
编辑器并安装,按默认设置就好,Typora官网;node.js
并安装,按默认设置就好,node.js官网;一开始使用picgo app
作为图床上传工具,奈何经常上传失效。在typora
软件里另外的几个选择是picgo-core(command line)
和custom command
。目前两种配置都能正常使用,猜测这两种方式共用一个配置文件,在picgo的github上说明picgo需要配置文件,未指定时使用默认配置文件,官方说明如下:
以下开始说明两种配置的配置方法:
picgo-core
:typora内置了picgo-core(command line)
,直接在软件内下载即可cd C:\Users\用户名\AppData\Roaming\Typora\picgo\win64
.\picgo.exe install smms-user
.\picgo.exe install gitee-uploader
.\picgo.exe install github-plus
picgo-core(command line)安装未完成时,在typora软件偏好设置中点击 验证图片上传选项
会报错,报错信息中会给出安装完成后软件的实际路径(下图只看上半部分,即软件路径,用来安装插件)
{
"picBed": {
"current": "gitee",
"uploader": "gitee",
"githubPlus": {
"branch": "master",
"customUrl": "https://cdn.jsdelivr.net/gh/用户名/项目名",
"path": "仓库下文件夹/",
"repo": "用户名/仓库名",
"token": "GitHub令牌"
},
"gitee": {
"branch": "master",
"customPath": "yearMonth",
"customUrl": "",
"path": "仓库下文件夹",
"repo": "用户名/仓库名",
"token": "gitee令牌"
},
"smms-user": {
"Authorization": "替换成你自己的token"
},
"transformer": "path"
},
"picgoPlugins": {
"picgo-plugin-gitee-uploader": true,
"picgo-plugin-smms-user": true,
"picgo-plugin-github-plus": true
},
"picgo-plugin-gitee-uploader": {
"lastSync": "2020-06-20 09:43:28"
},
"picgo-plugin-github-plus": {
"lastSync": "2020-04-07 11:09:08"
}
}
目前只用gitee,只设置gitee就可以了
还要把当前使用的插件以及上传使用的插件设置上
配置完成之后保存,点击typora偏好设置-验证图片上传选项,如果之前没有上传过typora软件的图标,此时应该是能够上传成功的,如果仓库里已经存在,那么可能的结果会和上面一样(仓库里已经有了这个文件,就没有必要再上传了)
使用custom command
需要先通过 Node.js
命令行安装picgo,命令参照官方链接。
picgo
:只有安装成功后 Node.js
命令行才能识别 picgo
命令,安装完毕后如果之前没有安装过插件,需要先安装插件; 使用picgo-core(command line)
时已经安装了插件此处可以不再安装(插件应该是可以共用的)。可以用命令 picgo set uploader
配置插件,不过执行了picgo set uploader
可能会覆盖之前的配置文件,私人令牌 token
可能需要再次生成。
配置文件的配置同上节,使用上在typora偏好设置上选择 Custom Command
,自定义命令为 C:\\Users\\ryan\\AppData\\Roaming\\npm\\picgo upload
custom command
配置完成之后使用效果和使用picgo-core(command line)
是一样的,使用时两者择其一即可。
建议:为了避免两种上传方式混淆,可以分别用两种不同的方式进行配置,配置的结果将体现在同一个配置文件中:
picgo-core(command line)
时,使用手动打开配置文件的方式修改插件配置;custom command
时,使用picgo set uploader
直接在命令行配置。可在Node.js
命令行使用命令配置uploader
,官方配置说明。