Typora上传图片设置

  • 1. 在配置上传之前所遇到的问题
  • 2. Typora与图床结合
  • 3. 使用SM.MS
    • 3.1 注册
    • 3.2 获取Token
    • 3.2 打开Typora完成配置
  • 4.验证
  • 5. 其他需求

1. 在配置上传之前所遇到的问题

在使用Typora写文档时,经常会有粘贴图片到文档中这么一个需求,可是Typora上传图片的路径默认是本地磁盘,这样就导致一个问题,当写好的文档上传到blog、csdn等博客网站时,会导致图片失效无法识别的问题,如下图:

2. Typora与图床结合

解决办法:

  • 将原本保存在本地的图片,上传到图床中。

打开Typora:

#mermaid-svg-PZj9Tq9Y6cqGuEqj {font-family:"trebuchet ms",verdana,arial,sans-serif;font-size:16px;fill:#333;}#mermaid-svg-PZj9Tq9Y6cqGuEqj .error-icon{fill:#552222;}#mermaid-svg-PZj9Tq9Y6cqGuEqj .error-text{fill:#552222;stroke:#552222;}#mermaid-svg-PZj9Tq9Y6cqGuEqj .edge-thickness-normal{stroke-width:2px;}#mermaid-svg-PZj9Tq9Y6cqGuEqj .edge-thickness-thick{stroke-width:3.5px;}#mermaid-svg-PZj9Tq9Y6cqGuEqj .edge-pattern-solid{stroke-dasharray:0;}#mermaid-svg-PZj9Tq9Y6cqGuEqj .edge-pattern-dashed{stroke-dasharray:3;}#mermaid-svg-PZj9Tq9Y6cqGuEqj .edge-pattern-dotted{stroke-dasharray:2;}#mermaid-svg-PZj9Tq9Y6cqGuEqj .marker{fill:#333333;stroke:#333333;}#mermaid-svg-PZj9Tq9Y6cqGuEqj .marker.cross{stroke:#333333;}#mermaid-svg-PZj9Tq9Y6cqGuEqj svg{font-family:"trebuchet ms",verdana,arial,sans-serif;font-size:16px;}#mermaid-svg-PZj9Tq9Y6cqGuEqj .label{font-family:"trebuchet ms",verdana,arial,sans-serif;color:#333;}#mermaid-svg-PZj9Tq9Y6cqGuEqj .cluster-label text{fill:#333;}#mermaid-svg-PZj9Tq9Y6cqGuEqj .cluster-label span{color:#333;}#mermaid-svg-PZj9Tq9Y6cqGuEqj .label text,#mermaid-svg-PZj9Tq9Y6cqGuEqj span{fill:#333;color:#333;}#mermaid-svg-PZj9Tq9Y6cqGuEqj .node rect,#mermaid-svg-PZj9Tq9Y6cqGuEqj .node circle,#mermaid-svg-PZj9Tq9Y6cqGuEqj .node ellipse,#mermaid-svg-PZj9Tq9Y6cqGuEqj .node polygon,#mermaid-svg-PZj9Tq9Y6cqGuEqj .node path{fill:#ECECFF;stroke:#9370DB;stroke-width:1px;}#mermaid-svg-PZj9Tq9Y6cqGuEqj .node .label{text-align:center;}#mermaid-svg-PZj9Tq9Y6cqGuEqj .node.clickable{cursor:pointer;}#mermaid-svg-PZj9Tq9Y6cqGuEqj .arrowheadPath{fill:#333333;}#mermaid-svg-PZj9Tq9Y6cqGuEqj .edgePath .path{stroke:#333333;stroke-width:2.0px;}#mermaid-svg-PZj9Tq9Y6cqGuEqj .flowchart-link{stroke:#333333;fill:none;}#mermaid-svg-PZj9Tq9Y6cqGuEqj .edgeLabel{background-color:#e8e8e8;text-align:center;}#mermaid-svg-PZj9Tq9Y6cqGuEqj .edgeLabel rect{opacity:0.5;background-color:#e8e8e8;fill:#e8e8e8;}#mermaid-svg-PZj9Tq9Y6cqGuEqj .cluster rect{fill:#ffffde;stroke:#aaaa33;stroke-width:1px;}#mermaid-svg-PZj9Tq9Y6cqGuEqj .cluster text{fill:#333;}#mermaid-svg-PZj9Tq9Y6cqGuEqj .cluster span{color:#333;}#mermaid-svg-PZj9Tq9Y6cqGuEqj div.mermaidTooltip{position:absolute;text-align:center;max-width:200px;padding:2px;font-family:"trebuchet ms",verdana,arial,sans-serif;font-size:12px;background:hsl(80, 100%, 96.2745098039%);border:1px solid #aaaa33;border-radius:2px;pointer-events:none;z-index:100;}#mermaid-svg-PZj9Tq9Y6cqGuEqj :root{--mermaid-font-family:"trebuchet ms",verdana,arial,sans-serif;}

文件
偏好设置
图像
上传图片
PicGo-Core
下载

3. 使用SM.MS

3.1 注册

访问链接: https://smms.app/

SM.MS是由V2EX大佬@Showfom 在2014年上线的免费图床项目,目前在国内访问速度较快,个人免费额度是5G,日常写文档也都是够用的。

)
填写信息,完成注册

3.2 获取Token

点击右上方的 User—> Dashboard

点击 API Token—>获取并复制Token

3.2 打开Typora完成配置

打开配置文件

{"picBed": {"current": "smms","smms": {"token": "" }},"picgoPlugins": {}
}

在这里输入刚刚复制的Token

4.验证

上传图片我们会发现,图片由本地路径,变成了url。

同时在仪表盘这里也是可以查得到的。

5. 其他需求

上传图片的好处无非就是说,当把文档发给其他人或网站的时候,也能正常观看。但是会有这么一个问题,就是我一旦离线了图片就不能访问了,图床崩了,那我所有的文档就都会受到很大影响。
如果有这方面担心,可以在偏好设置中设置“无特殊操作”,然后图片还是存放在本地,当需要上传到CSDN或者发给同事/同学/朋友时,可以复制一份出来,对这份文档进行批量图片上传,然后把这份发出去。

Typora上传图片设置相关推荐

  1. typora上传图片小白教程

    ​ typora终于上线上传图片服务了,还是非常好用的,不想用自己服务器资源的小伙伴可以用用gitee这种方式. 1.打开typora,偏好设置>图像>上传服务设置为PICGO(app)并 ...

  2. typora上传图片

    一.为什么要用图床? typora写的文档上传图片的路径是本地磁盘的路径,放到csdn博客上图片就失效了 二.结合图床使用,下载地址 https://www.onlinedown.net/soft/1 ...

  3. Typora 快捷键设置

    Typora 快捷键设置 1.为啥要改快捷键? 行内代码的快捷键:Ctrl + Shift + `,这个姿势有多凹造型,大家试试就知道,反正我是用吐了 2.如何修改快捷键 打开[文件]–>[偏好 ...

  4. typora上传图片出现Can‘t find smms config错误

    错误描述 今天在使用typora上传图片的时候,突然图片都无法上传了,提示 picgo 错误 Error: Can't find smms config, please provide api tok ...

  5. typora配置好smms后还是typora上传图片失败:image load failed。

    typora配置好smms后还是typora上传图片失败:image load failed. 问题描述: typora用图床上传图片时,有时好的,有时又失败,提示如image load failed ...

  6. Typora如何设置图片的位置更换保存路径

    Typora如何设置图片的位置?更换保存路径 插入图片时Typora默认把图片保存在C盘中,怎么更改图片的保存位置呢? 1.点击文件,点击偏好设置 2.点击图像 3.在右侧结果面版点击无特殊操作对应的 ...

  7. R沟通 | 如何在Typora中设置免费的图床

    简介 前段时间小编给大家推荐了一个markdown的IDE编辑器:Typora,具体推文如下:R沟通|markdown编辑器-Typora 和 R沟通 | 如何在Typora中设置免费的图床. 今天针 ...

  8. Typora基础设置、MarkDown语法

    Typora基础设置.MarkDown语法 Typora基础设置 通用设置 可以设置启动Typora软件时,打开文件的方式.以下四种可供选择 打开一个新的文件? 重新打开上次使用的目录? 重新打开上次 ...

  9. Typora 偏好设置 文档快捷编辑小技巧

    先贴两个以前发现的小技巧 Typora添加LaTeX内联公式 解决Typora 中 Mermaid 流程图内换行的问题 偏好设置 首先我们要根据自己的使用习惯更改typora的设置 文件->偏好 ...

最新文章

  1. ECshop在文章列表页调用文章简介
  2. LeetCode Intersection of Two Linked Lists
  3. Matlab符号运算总结
  4. 【算法竞赛学习】气象海洋预测-Task5 模型建立之 SA-ConvLSTM
  5. “啁啾”看完这篇再不懂,放弃吧……
  6. 我的世界手机版javaui材质包_传奇世界中变版手机版下载-传奇世界中变版手机版最新下载...
  7. 软件测试HW3 主路径覆盖测试
  8. No qualifying bean of type;Unsatisfied dependency expressed through field 解决办法(总结全网)
  9. dataset 用法(1)
  10. 考察交互的方差分析与简单效应分析(附带操作数据)
  11. Why Service Mesh
  12. 小刘同学的第一百三十篇日记
  13. 男神程序员对准男神程序员们的忠告
  14. 2018 *精读书单 -选读
  15. SHOPNC 插件机制的实现记录
  16. NetSuite 设置库存盘点
  17. TAM的API文件生成命令
  18. 企查查之企业信息查询自动化
  19. 字节跳动校招题目——找零问题
  20. 如何查看电脑jdk/jre版本以及安装路径

热门文章

  1. 戏曲app开发,展现戏曲行业发展新生机
  2. 2.4 BLE Mesh各层帧包格式详解
  3. [C语言]初始数据类型
  4. VMWare Workstation Pro 15安装黑苹果
  5. 《Total Commander:万能文件管理器》——第10章.中文相关问题
  6. 北京高端酒店价格影响分析
  7. java程序员的大数据之路(6):定制的Writable类型
  8. java游戏优化_用 JAVA 开发游戏连连看(之六)优化:让程序运行更稳定、更高...
  9. Revit教程免费下载——Revit建筑设计中级进阶视频课程
  10. 在 Adobe Flex 3 中使用条件编译