首页 > 其他分享 >解决CSDN 导入Markdown图片失效不显示问题

解决CSDN 导入Markdown图片失效不显示问题

时间:2024-09-18 17:23:09浏览次数:9  
标签:Markdown Typora gitee 导入 CSDN 设置 2.3 2.2 图片

文章目录

解决CSDN 导入Markdown图片失效不显示问题

1. 问题及出现原因

1.1 问题复现

​ 在将笔记上传到CSDN博客或者其他网站上后,图片无法正确显示。这不仅会大大降低我们的效率,还可能给他人理解我们的内容带来困难。如下图所示:

image-20240918164507275

1.2 原因

​ 因为我们在本地Typora插入图片时,图片路径写的时本地的绝对路径,如外链图片转存失败,源站可能有防盗链机制,建议将图片保存下来直接上传。当我们要将全文直接从Typora复制粘贴CSDN时,CSDN无法识别出我们的本地绝对路径,所以会造成图片无法显示的问题

2.解决方案

Gitee+picgo+Typora:使用Gitee+picgo+Typora 搭建图床方式就可以轻松做到,通过Typora自动上传到gitee,配置极其简单,如下所示:

2.1 Gitee配置

2.1.1 新建创库,设置开源许可

image-20240918165417293

2.1.2设置私人令牌(一会picGo上需要填写,权限全选即可)

image-20240918165902111

2.2 PicGo配置

2.2.1 . 安装PicGo

阿里云盘: PicGo-2.3.0-x64版本

2.2.2. 安装插件(由于地址是国外的,所以所需要的时间可能会长一些,可以通过设置国内镜像进行安装,如果尝试多次图形化界面未安装成功,可以通过cmd命令安装)

image-20240918170429464

2.2.3.设置相关属性(图床设置 – > gitee设置)

repo : 为私人地址(去掉gitee官网前缀部分)

branch:默认为主分支

token : 为gitee生成的令牌

image-20240918170843016

2.3 Typora配置

2.3.1 依次打开->文件->偏好设置->图像(如果没有上传图片,则是markdown笔记版本太低了,需要升级版本)

image-20240918171454713

2.3.2 图片上传验证

点击验证图片上传:

image-20240918171804418

注意出现这个界面不一定是失败啦

image-20240918171707172

粘贴图片到markdown看看路径是否正确上传到gitee,出现gitee地址,则表示上传成功:

726651301667)]

粘贴图片到markdown看看路径是否正确上传到gitee,出现gitee地址,则表示上传成功:

image-20240918172000300

标签:Markdown,Typora,gitee,导入,CSDN,设置,2.3,2.2,图片
From: https://blog.csdn.net/m0_63593025/article/details/142338898

相关文章

  • 最强神器Typora 2024(亲测有效)| Markdown 工具推荐
    听俺讲一下大家好,我是程序员-杨胡广,今天想给大家分享一个在编写文档时的神器——Typora。相信不少小伙伴都在寻找一款既简洁又强大的Markdown编辑工具,而Typora无疑是最值得推荐的选择。当我在大学时偶然发现了它,直到今天依然觉得它无可替代。最近,我成功激活了最新版的......
  • python之模块和包的导入与使用,pip的使用(13)
    文章目录1、模块1.1模块的分类1.1.1内置模块1.1.2第三方模块(比较重要)1.1.3自定义模块1.2模块的导入1.2.1单个模块的导入1.2.2同时导入多个模块1.2.3模块导入规范1.2.4给导入的模块取别名1.2.5同时导入模块和名字1.2.6给导入的名字取别名扩展:导入模块中所有的......
  • Jina AI 发布 Reader-LM-0.5B 和 Reader-LM-1.5B:为网络数据处理提供多语种、长语境和
    JinaAI发布的Reader-LM-0.5B和Reader-LM-1.5B标志着小语言模型(SLM)技术的一个重要里程碑。这些模型旨在解决一个独特而具体的挑战:将开放网络中原始、嘈杂的HTML转换为干净的标记符格式。这项任务看似简单,却面临着复杂的挑战,尤其是在处理现代网络内容中的大量噪音......
  • 影刀RPA实战:网页爬虫之CSDN博文作品数据
    今天我们使用影刀来采集网页数据,影刀RPA是一款功能强大的自动化办公软件,它可以模拟人工的各种操作,帮助企业自动处理大量重复性、有逻辑规则的工作。影刀RPA在网页数据采集方面表现出色,能够实现对任何桌面软件、Web程序的自动化,包括ERP、浏览器、CRM、微信、钉钉等应用程序,以及......
  • 基于SSM的驾校管理系统的设计与实现 (含源码+sql+视频导入教程)
    ......
  • SublimeText配置Markdown编辑及预览
    概述本文详细介绍了如何配置SublimeText及相关插件,使之成为Markdown编辑器并且能够在浏览器中实现预览功能。所需工具SublimeText+PackageControl插件:MarkdownEditing插件:MarkdownPreview插件:LiveReload浏览器具体步骤1、安装SublimeText以及PackageControl......
  • 编程日记 批量导入数据
    编程日记批量导入数据1.用可视化界面:适合一次性导入,数据量可控2.写程序:for循环,建议分批,不要一把梭哈(可以用接口控制),要保证可控、幂等,注意线上环境和测试环境是有区别的导入1000w条,fori1000w(不能再main方法里面写,会报空指针异常,userMapper无法注入)缺点是.class并不是一个......
  • Vue框架;Vue中的选择和循环结构;Vue数据类型;Vue中的事件和动态属性;Vue子组件通过导入在
    一,Vue简介        前端现在比较火的三大框架就是:vue,React,Angular。在国内使用最多的还是:    vue>React >Angular        Vue(发音为/vjuː/,类似view)是一款用于构建用户界面的JavaScript框架。它基于标准HTML、CSS和JavaScript构建,并提......
  • mysql数据怎么导入到帝国cms
    将MySQL数据导入到帝国CMS中通常有两种情况:一种是从现有的MySQL数据库导入数据到帝国CMS的新建数据库中,另一种是从帝国CMS的备份文件恢复数据到现有的帝国CMS数据库中。以下是针对这两种情况的具体步骤:从现有MySQL数据库导入数据到帝国CMS方法一:手动迁移数据导出现有数据库:......
  • 博客建站9 - hexo网站如何提升markdown文档的编辑效率和体验
    1.本网站的系统架构2.场景概述3.影响效率的问题和解决方案3.1.图片插入-根据文章来分类管理3.1.1.效率问题3.1.2.解决方案3.2.图片插入-从剪贴板中插入图片3.2.1.效率问题3.2.2.解决方案3.3.图片插入-在VSCode中预览图片3.3.1.效率问题3.3.2.解决......