Typora集成PicGo,让Markdown起飞

1,182 阅读3分钟

PicGo

简介

  • hexo配合markdown遇到的问题:
    • 自带的{ asset_path slug },图片虽然可以查看,但是markdown编辑器却无法预览
    • img标签无法使用hexo的相对路径,文章后期位置调整很麻烦
    • 网络图片链接变更后,自己的文章图片将会失效
  • 解决方案:
    • 使用PicGo图床上传图片
    • 配置github、七牛云等图床简历存储仓库
    • 使用Typora整合PicGo简化图片上传步骤

PicGo简介

介绍

一个用于快速上传图片并获取图片URL链接的工具

img

文档地址

[文档地址]

安装

[下载地址]

配置github图床

1.创建github仓库

image-20200517202728000

2.配置token

进入github配置token页面:创建token

**注意:**保存token到自己的文件中,token只会展示一次

image-20200517203047190

3.配置GitHub图床

image-20200517203244899

  • 仓库名称配置为:账号/仓库名
  • 分之名称填写master
  • token配置为刚才设置的token
  • 其他默认不填写

配置好后就可以上传了,上传后可以复制链接到Markdown中使用

配置七牛云图床

github图床虽然已经配置好,但是因为github服务器在国外,所以访问和上传都很慢,所以使用国内的七牛云是个不错的选择,七牛云有免费的10G空间,对于博客创作者还是非常友好的.

1.注册七牛云账号

七牛云注册地址:注册七牛云

2.创建空间

点击管理控制台 -> 对象存储 -> 空间管理 -> 新建空间

image-20200517204842963

  • 指定空间名称
  • 区域选择离自己近的
  • 访问控制一定要选择公开,不然picgo无法访问

3.自定义域名

七牛的默认域名只有30天有效期,如果要长期使用,则需要自定义域名.

4.配置七牛云图床

image-20200517205006616

  • AccessKey(AK)和SecretKey(SK)在个人中心 -> 密钥管理 ,没有则创建

image-20200517205204055

  • 设定存储空间,为最初创建的空间名称
  • 访问地址为七牛云分配的外链域名
  • 注意:配置时域名前要添加http://

image-20200517205501180

  • 确认存储区域
存储区域地域简称上传域名
华东z0服务器端上传:http(s)://up.qiniup.com 客户端上传: http(s)://upload.qiniup.com
华北z1服务器端上传:http(s)://up-z1.qiniup.com 客户端上传:http(s)://upload-z1.qiniup.com
华南z2服务器端上传:http(s)://up-z2.qiniup.com 客户端上传:http(s)://upload-z2.qiniup.com
北美na0服务器端上传:http(s)://up-na0.qiniup.com 客户端上传:http(s)://upload-na0.qiniup.com
东南亚as0服务器端上传:http(s)://up-as0.qiniup.com 客户端上传:http(s)://upload-as0.qiniup.com

配置好后就可以上传了

Typora整合PicGo

整合PicGo

打开Typora的偏好设置

image-20200517210415548

配置PicGo

选择图像 -> 上传服务设定 -> 选择PicGo.app -> 验证图片上传选项

image-20200517210646898

上传图片

配置好后就可以直接上传图片了,将图片拷贝到Typora中,选中图片右键上传,图片就直接上传到PicGo的图床上了,上传后图片链接会自动更换

总结

  • 了解了PicGo的使用方法
  • 使用Typora + PicGo上传图片,简化了图片的维护工作
  • 国内使用七牛云会比github要好