typora安装及实现图片自动上传到图床功能

typora安装及实现图片自动上传到图床功能

文档目的

 Typora 是一款 Markdown文档 编写工具,可以用来编写日常的工作记录学习笔记等。但是有个小问题,就是如果文档中插入了图片,在跨机器查看文档的时候图片就没法正常显示。
 Typora 提供了一些插件可以解决这个问题,我们可以在编写文档时把图片上传到图床上,这样无论在哪里,只要有网络,文档就可以正常显示。
 本文将详细记录安装typora及相关插件安装步骤及配置方法

安装步骤

  • 安装最新版typora

    1. 打开typora官网
    2. 下拉到如下位置
      安装按钮位置
    3. 根据自己的电脑系统类型选择下载对应的安装包
    4. 打开安装包按照默认配置安装
    5. 至此typora安装结束
  • 安装picgo(图片上传工具)

    1. 安装picgo前需要确认本机已安装nodejs 的npm包管理器 (未安装需自行百度安装)

    2. 使用 npm -v 检查npm是否安装正确

      检查npm是否安装正确

    3. 修改npm源地址为淘宝 提高下载速度

      npm config set registry https://registry.npm.taobao.org

    4. 安装picgo

      npm install picgo -g

    5. 至此picgo安装完毕

  • 注册七牛云对象存储(图床)

    1. 注册七牛云按照七牛云官方网站注册流程注册即可
    2. 完成个人身份认证
    3. 创建对象存储空间
    4. 获取自己的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安装及图床配置

常见问题

  1. 上传时会报地区不正确,修改 配置文件的area选项为提示的的即可
    地区错误

文档总结

由于typora 自带的安装程序安装比较缓慢,所以使用 npm全局安装,七牛云的临时域名有时间限制,所以需要自备一个域名用来解析资源,配置完成的typora编写的文章可以直接发布到csdn和博客园,不用再调整东西比较方便。

posted on 2020-05-08 18:36  龙Ж大大  阅读(555)  评论(0)    收藏  举报

导航