Typora上传图片设置

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

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

2. Typora与图床结合

解决办法:

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

打开Typora:

文件
偏好设置
图像
上传图片
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. 其他需求

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

### 如何在 Typora设置图片以使手机端可见 为了确保 Typora 编辑的文档中的图片能够在手机端正常显示,需注意以下几个方面: #### 1. 图片分辨率适配 当处理图片时,尤其是针对 Retina 显示屏设备,应考虑物理像素比的影响。如果原始图片尺寸为 50px × 50px,在高分辨率屏幕上可能会被放大而导致模糊[^1]。因此,建议使用更高分辨率的图片作为基础素材,并通过 CSS 或 HTML 设置其显示大小。 ```html <img src="example.jpg" alt="Example Image" style="width:50px; height:auto;"> ``` 上述代码片段展示了如何利用 `style` 属性调整图片的实际显示尺寸,从而避免因屏幕缩放引起的失真问题。 #### 2. 文件存储方式 保存为 `.md` 或 `.htm` 格式的文件时,通常会伴随一个 `.resource` 文件夹用于存放外部资源链接所指向的内容[^2]。这意味着只要保持这些关联文件在同一目录下或者正确配置相对路径/绝对路径,就能保证移动端加载无误。 #### 3. 处理外链图片无法加载的情况 有时由于服务器设置了防盗链机制等原因,可能导致某些在线托管服务上的图像不能顺利嵌入到本地编辑器并同步至其他平台展示出来[^3]。遇到这种情况可以采取手动下载后再上传的方式解决——即将目标图象另存为自己计算机硬盘里的副本然后再插入文章里去;另外也可以寻找支持公开访问权限的新储存位置重新指定url地址。 #### 4. 实际案例分析 - 微信企业号头像API调用示例 这里给出一段来自微信企业号用户详情查询接口返回数据的例子说明如何获取标准格式下的个人资料照片URL以便进一步操作[^4]: ```json { "errcode": 0, "errmsg": "ok", "userid": "lydms", "mobile": "15811000000", "gender": "1", "email": "lydms@lydms.com", "avatar": "https://wework.qpic.cn/wwpic/250331_p99RzeaaZ_16760317/0", "qr_code": "https://open.work.weixin.qq.com/wwopen/userQRCode?vcode=vcf0b80b68e7a59" } ``` 其中字段 `"avatar"` 即代表该用户的头像链接地址,可以直接复制粘贴进Markdown语法之中实现跨平台兼容效果良好。 --- ### 总结 综上所述,要让Typora内的图片能在移动终端清晰呈现需要注意选用合适质量级别的原图材料、妥善管理附属资源以及规避潜在的技术障碍比如防抓取策略等等因素影响最终成果表现形式。
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包

打赏作者

阿煜yv

你的鼓励将是我创作的最大动力

¥1 ¥2 ¥4 ¥6 ¥10 ¥20
扫码支付:¥1
获取中
扫码支付

您的余额不足,请更换扫码支付或充值

打赏作者

实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值