当我们使用Typora这款强大的Markdown编辑器记录笔记时,经常会遇到一个让人困扰的问题:在将笔记上传到CSDN博客或者其他网站上后,图片无法正确显示。这不仅会大大降低我们的效率,还可能给他人理解我们的内容带来困难。如下图所示:
因为我们在本地Typora插入图片时,图片路径写的时本地的绝对路径,如![image-20231221155147039](C:\Users\xiaoming\AppData\Roaming\Typora\typora-user-images\image-20231221155147039.png)
。当我们要将全文直接从Typora复制粘贴CSDN时,CSDN无法识别出我们的本地绝对路径,所以会造成图片无法显示的问题。
解决方案:我们将图片通过Typora自动上传到网上的某个地址,这里也就可以引出今天的主角 —— 图床
,即可解决我们图片无法显示的问题。
Gitee
Github
阿里云的OSS
PicGo
阿里云账号
进入阿里云的官网,先注册一个账号即可。
最上方点击产品
- 存储
- 对象存储OSS
。
进入对象存储OSS的界面后,划到界面底部,找到标准存储
点击进入。
进入界面后,进行如下配置:
开通成功后,这里会显示管理控制台
,然后点击进入
找到并点击蓝色按钮 - 创建Buckets
输入Bucket名称
、地域
、选择读写权限
为公共读
,其余配置默认,然后点击确定即可。
点击头像,选择AccessKey管理
。
进入后选择继续使用AccessKey
,然后点击创建AccessKey
,认证成功后,记得保存好自己的ID和Secret!!!!!!
我们的阿里云OSS部分的操作就完成了!
进入下载地址,找到合适的安装包(我下载的是2.3.1版本的)点击进行下载即可。(Github的服务器在国外,所以访问和下载会慢一点)
下载好安装包后,点击安装即可,安装路径建议不要做修改使用默认即可,不然可能会导致软件无法使用。
PicGo设置
,勾选上你所使用的图床PicGo设置
中找到设置Server
,并点击进入设置监听端口号
那里会自动改为366771
,我们必须将其改为36677
!!!图床设置 - 阿里云OSS
,然后进行以下的设置,最后点击确定
将其设为默认图床
即可。
AccessKey ID
AccessKey Secret
上传区
,进行图片上传测试。显示上传成功,即说明我们已经配置成功了!!!
设置
- 偏好设置
对本地位置的图片应用上述规则
对网络位置的图片应用上述规则
,上传服务选择PicGo(app)
,然后点击验证图片上传选项
。配置PicGo路径
,我以为它当时会自动匹配路径,这里就感觉不是很友好了在用户体验方面。最后配置路径后,验证上传成功!!!通过本文的介绍,我们详细探讨了如何使用PicGo解决Typora笔记上传到CSDN上图片无法显示的问题。通过配置PicGo工具,我们可以将Typora笔记中的图片轻松上传至对应的图床,并获取可访问的图片链接,从而确保我们的笔记在CSDN博客上能够正确显示图片。
感谢您的阅读,如果您对本文内容有任何疑问或建议,欢迎在下方留言!