关于域名:Typora配合PicGo和七牛云实现图床

4次阅读

共计 1693 个字符,预计需要花费 5 分钟才能阅读完成。

Typora 配合 PicGo 和七牛云实现图床

如需材料至文章底部获取。或者公众号【CodeGuide】回复【typora】获取。

0. 为什么须要图床?

有写作习惯的小伙伴肯定晓得 MarkDown,写进去的文章简洁慷慨,重点是上手难度很低。(倡议不会的小伙伴学一下)

晓得并且喜爱 Typora 的小伙伴应该都晓得,在图片上传上的痛楚。每次在平台公布文章都要在手动解决一下,十分的麻烦。

  • Typora+PicGo+ 七牛云 就是解决这一问题的最好形式之一。(还有 Typora+PicGo+Gitee/Github 等实现形式)。
  • Typora(0.9.86 版本以上),反对 MarkDown 的一款具备代表性的软件。
  • PicGo(举荐 2.2.2 版本),一款用于治理图片的工具,个别用于图床的治理。
  • 七牛云(云存储),用来存储咱们文章中上传的图片(互联网可拜访)。

1. 七牛云配置对象存储

  • 1.1 注册并创建对象存储空间,注册胜利就送 10G 的收费存储空间。个别文章存储图片是够用了。

    补全存储空间名字,抉择存储区域一会会用到。

  • 1.2 个别贮存空间创立胜利之后,咱们创立的存储空间的地址域名有效期为 30 天。前面会讲到从新绑定指向备案域名。
  • 1.3 七牛云的存储对象地区对应表(PicGo 配置地区存储区域会用到):

  • 1.4 七牛云 AccessKeySecretKey 获取

2.PicGo 配置七牛云参数

  • PicGo 基本参数的配置

  • 参数一和二:七牛云集体核心的AccessKeySecretKey (很重要爱护好)。对应目录 1.4**
  • 参数三:咱们在七牛云创立存储空间的【存储空间名】。对应目录1.1
  • 参数四:七牛云给咱们的测试域名地址,30 会回收那个。记得加上前缀http://

  • 参数五:存储区域,每次创立存储区域都会让咱们抉择,填写对应的地区简称就能够,对应目录1.3
  • 参数六:没有需要不要填写,放弃默认
  • 参数七:就相当于目录的划分,子目录,如有须要能够增加(不同文章的图片放一起)。

3.Typora 实现图片上传

  • 文件 —> 偏好设置 —> 图像

  • 测试 Typora 主动上传图片性能。点击 文件 —> 偏好设置 —> 图像 —>

4. 七牛云绑定备案域名设置

阿里云域名申请和备案

  • 域名的购买:https://wanwang.aliyun.com/domain/searchresult/
  • 域名购买后 肯定要先实名认证。申请实名认证之后三天内先不要备案,因为很有可能备案不通过。
  • 有的小伙伴可能主机和域名不是同一个账号(当然如果是同一个账号必定没有问题)。我的就不是同一个账号仍旧备案胜利。
  • 备案域名是否肯定要有主机?目前不是特地分明,然而备案须要填写(必填),如果找不到别的形式,能够购买一个主机和域名一起备案。上面是大抵流程。阿里云的审核根本当天或者第二天就会给你反馈。

备案域名绑定七牛云

  • 备案通过之后,咱们尽量应用咱们的二级域名,什么是二级域名?比方咱们备案的域名是 xxx.com,那么咱们在进行七牛云域名绑定的时候能够应用 blog.xxx.com,aaa.xxx.com,bbb.xxx.com 等这些都能够被称为二级域名。
  • 进入到七牛云的对象存储。
  • 填写减速域名(这里如果备案过的话不会呈现揭示)。
  • 绑定实现之后咱们须要应用 CNAME 的值去域名申请的地位进行解析。
  • 进行 CNAME 的二级域名的解析。

    域名 —> 解析 —> 解析设置 —> 增加记录


  • 到这里根本就差不多了。之后批改咱们的 PicGo 的局部配置。
  • 易错点:

    查看 PicGo 的【设定拜访网址】和【确认存储区域】

    确定 PicGo-Server 的端口是:36677

5. 材料

  • Typora 获取

    • 官网:https://www.typora.io/
    • 网盘链接:https://pan.baidu.com/s/1HmwtDoOwsFpt47iYJgdOlw
      提取码:k6ih
  • PicGo 获取

    • github 地址:[https://github.com/Molunerfin…]
    • 网盘链接:https://pan.baidu.com/s/1xm3psOzI3vewdYWa3duSAg
      提取码:yzh6
  • 如有网盘生效公众号【CodeGuide】回复typora

正文完
 0