【markdown】③深入浅出图床:更加优雅地编辑Markdown文档

本文介绍了如何在Markdown编辑器中使用图床服务,如PicGo和SM.MS,以解决上传文章时图片丢失的问题。作者详细讲解了图床的概念、服务选择、Typora中的图片上传操作、本地与云端同步以及常见问题的解决方法,强调版权规范和隐私保护。
摘要由CSDN通过智能技术生成

🌷​CSDN主页: @SinceNF

🥝初衷: 边学边笔记, 一起进步 \qquad SINCE

🍒专栏: Markdown笔记 \qquad \qquad nf


🌕 \quad 🌔 \quad 🌓 \quad 🌒 \quad 🌑 \quad 🌘 \quad 🌗 \quad 🌖 \quad 🌕

如果您觉得文章有帮助的话,可以收你一个赞吗?

欢迎 评论💬 点赞👍 收藏💌 << 也求教文章欠缺。


前言: 图床(Image Hosting Service)一般用在带图片的网络文章。

关键词: 图床、CSDN文章图片失效、Markdown、外链图片



问题引入

​ 在选择使用Markdown编辑器时,往往会在文章中插入图片来直观地理解。所以传统上来说,图片特别是截图几乎只保存在本地,但是在上传带插图的文章到网站时网往往会因为图片保存在计算机本地而丢失线上文章的插图,例如上传到CSDN上面,就会提示如下图。
image-20240112000007755


一、深入浅出地了解图床

  1. 图床概念与价值
  • 图床,顾名思义,就是存放图片的云端仓库。这种在线图片存储服务提供了稳定、快速的图片托管服务,当我们把本地图片上传至图床后,会获得一个唯一的URL链接,将其插入Markdown文档,即可在任何环境下保证图片的正常加载与展示,极大地提高了文档分享和发布的便利性。
    • 利用图床,不仅能解决图片在网络传输中的速度问题,还能有效节省本地存储空间,尤其对于需要频繁更新和分享的文档,更是不可或缺的工具。
    • 图床详细概念请参考百度百科的解释 图床_百科

二、图床服务的选择与比较

  1. 国内外主流图床服务一览

    • 免费图床:如Imgur、PostImages、SM.MS等,适合个人博客、轻度使用者;
    • 国内云服务商提供的对象存储服务:阿里云OSS、腾讯云COS、七牛云等,拥有大容量、高速度、高稳定性的特点,适合团队协作和大型项目;
    • GitHub仓库作为图床:适用于开源项目和Git爱好者,但需注意图片不宜过大,以免影响仓库性能。
  2. 选择图床的关键因素

    • 存储空间与流量限制
    • 访问速度与稳定性
    • 安全性与隐私保护
    • API支持程度与第三方工具兼容性
    • 是否提供图片处理功能(如压缩、裁剪等)

三、开启图床工具:PicGo & SM.MS

  1. 安装PicGo
    • 下载并安装PicGo,本文下载的是2.3.1,可在软件状态栏见版本。
  2. 连接TyporaPicGo
    • 打开Typora,进入“文件” -> “偏好设置” -> “图像”选项卡;快捷键: Ctrl + 逗号
    • 在“图像上传服务”下拉菜单中选择“PicGo(app)”;
    • 点击“选择…”,定位并添加PicGo.exe应用程序路径,保存设置后即可启用图床功能。
    • image-20240112200551797
  3. 注册SM.MS账号,获取access token
    • 点击打开SM.MS网站,注册登录后点击 “API Token” ,复制Token。
  4. 配置PicGo
    • 打开安装在本地的PicGo.exe软件,点击“图床设置” -> “SM.MS” ,将刚才网站的Token复制进”设定Token“中。
    • image-20240112195926196
    • PicGo会在每次需要上传的时候,在后台上传到图床上,这一步几乎代表完成了
  5. PS: Typoa设置里面的上传图片验证失败也没关系,插入一张图片,提示上传成功或者图片连接不是本地而是http开头就代表成功

四、Typora中图片上传与插入的实际操作

  1. 单张图片上传

    • 拖拽图片至Typora编辑区,或使用快捷键Ctrl+V粘贴图片,Typora会触发PicGo进行图片上传;
    • 上传成功后,Typora自动将图片转换为Markdown格式链接并插入文档,例如:![](https://example.com/your-image.jpg)
  2. 批量上传与管理

    • 使用PicGo的批量上传功能,可以一次性上传多个图片,提高处理效率;
    • 对上传后的图片进行统一管理和调整,如删除、重命名、移动至特定文件夹等。
    • 将图中时间戳重命名打开时,上传到图床上的图片就可以根据时间戳,不担心重复。
    • image-20240112201355779

五、上传和本地同时保存

​ 已经开启了图床功能了,现在就可以做一部分取舍了。有时候我们为了方便快捷,直接把截图粘贴进文档,很少关心截图存储路径 ,但是Typora给了解决思路。

  • **本地转存资源: **
image-20240113111858612
  • 在文章上传前通过”格式“ -> ”图像“ -> ”上传所有本地图片“,一键上传图片,并且可以在指定目录下直接找到文章图片。
image-20240113112125897

六、疑难解答

常见问题与解决方案

  • 关于图片上传失败、链接失效问题。
  • ① 可能是上传时候网络不好断开上传连接了。
  • ② 遇到PicGo后台卡死后Typora无法调用PicGo的上传服务。
  • ③ 误删除文档中链接的字母,导致无法找到图片。

**解决办法:**重新将PigGo关闭,卡死的话就调用任务管理器直接结束任务,然后重新上传。

之后就可以优雅的写一份图文并茂的Markdown文档了。


遵循版权法规与道德规范

  • 在使用图床时,要充分尊重版权,合理引用他人作品;
    调用任务管理器直接结束任务,然后重新上传。

之后就可以优雅的写一份图文并茂的Markdown文档了。


遵循版权法规与道德规范

  • 在使用图床时,要充分尊重版权,合理引用他人作品;
  • 避免泄露敏感信息,对含有个人信息的图片采取适当的模糊处理。
  • 33
    点赞
  • 26
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

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

余额充值