typora安装及实现图片自动上传到图床功能
typora安装及实现图片自动上传到图床功能
文档目的
Typora 是一款 Markdown文档 编写工具,可以用来编写日常的工作记录,学习笔记等。但是有个小问题,就是如果文档中插入了图片,在跨机器查看文档的时候图片就没法正常显示。
Typora 提供了一些插件可以解决这个问题,我们可以在编写文档时把图片上传到图床上,这样无论在哪里,只要有网络,文档就可以正常显示。
本文将详细记录安装typora及相关插件安装步骤及配置方法
安装步骤
-
安装最新版typora
- 打开typora官网
- 下拉到如下位置
![安装按钮位置]()
- 根据自己的电脑系统类型选择下载对应的安装包
- 打开安装包按照默认配置安装
![]()
- 至此typora安装结束
-
安装picgo(图片上传工具)
-
安装picgo前需要确认本机已安装nodejs 的npm包管理器 (未安装需自行百度安装)
-
使用
npm -v检查npm是否安装正确![检查npm是否安装正确]()
-
修改npm源地址为淘宝 提高下载速度
npm config set registry https://registry.npm.taobao.org -
安装picgo
npm install picgo -g -
至此picgo安装完毕
-
-
注册七牛云对象存储(图床)
- 注册七牛云按照七牛云官方网站注册流程注册即可
- 完成个人身份认证
- 创建对象存储空间
- 获取自己的AK及SK
- 点击右上角头像 找到密匙管理
![密匙管理]()
- 打开密匙管理查看自己的AK和SK
![查看AK和SK]()
- 保存自己的AK及SK
- 点击右上角头像 找到密匙管理
-
配置picgo参数(上传到七牛云的参数 )参考链接
-
打开【文件】-》偏好设置-》图像
-
选择【上报服务】 -》piggo-core ->打开配置文件 粘贴如下配置到 文件中
{ "picBed": { "uploader": "qiniu", "qiniu": { "accessKey": "xl54rycqDgmvU7Uwsx02nLRG4S###v",//获取的AK "secretKey": "##########################",//获取的SK "bucket": "longdada", // 存储空间名 "url": "http://img.longdada.cn", // 自定义域名 "area": "z0", // 存储区域编号 "options": "", // 网址后缀,比如?imgslim "path": "img/" // 自定义存储路径,比如 img/ } }, "picgoPlugins": {} } -
选择【上报服务】-》Custom Command ->自定义命令-》Picgo upload
![]()
-
点击【验证图片上传选项 】
![上传成功]()
-
至此完成picgo安装及图床配置
-
常见问题
- 上传时会报地区不正确,修改 配置文件的area选项为提示的的即可
![地区错误]()
文档总结
由于typora 自带的安装程序安装比较缓慢,所以使用 npm全局安装,七牛云的临时域名有时间限制,所以需要自备一个域名用来解析资源,配置完成的typora编写的文章可以直接发布到csdn和博客园,不用再调整东西比较方便。
.png)
.png)
.png)
.png)
.png)
.png)
.png)
.png)
浙公网安备 33010602011771号