初接触Markdown遇到的麻烦事儿

本文介绍了在Markdown中遇到的编码、图片插入及有道云笔记图片问题的解决方法。通过调整VSCode设置解决中文乱码,使用base64编码或网络链接插入图片,并探讨了有道云笔记的限制及利用Gitee搭建图床的步骤。同时提到了VSCODE预览安全设置的修改,以允许显示图片。
摘要由CSDN通过智能技术生成

初接触Markdown

Markdown是一种轻量级标记语言,它允许人们使用易读写的纯文本格式编写文档。

使用过程中遇到了一些小问题特地再次记录一下

1.vscode编辑markdown中文乱码的问题资料

解决方法:

菜单栏: 文件>首选项>设置>搜索修改配置"files.autoGuessEncoding":false,改为"files.autoGuessEncoding":true

2.vscode编辑markdown插入图片的问题

markdown插入图片语法格式如下

![alt 属性文本](图片地址)
![alt 属性文本](图片地址 "可选标题")

解决方法:

  • 查资料得知,图片地址部分可以是图片转换base64格式的数据

    图片转base64网站链接

  • 一般情况下图片地址部分是图片网络地址 类似:https://dss0.bdstatic.com/70cFuHSh_Q1YnxGkpoWK1HF6hhy/it/u=1906469856,4113625838&fm=26&gp=0.jpg

  • 如果只是本地上看的话,可以将图片的路径放到图片地址位置 同样能够插入图片,只是复制md笔记到其他位置时看不到图片就是了

3.有道云笔记Markdown插入图片问题

有道云笔记支持Markdown,使用过程中发现插入图片是个问题。笔记不支持base64图片数据形式插入图片,使用图片链接方式插入图片却发现了有道本身提供的图片链接服务是需要付费才能享受到的服务。 逗比 能自己动手搞定就肯定不花钱,寻找其他方法实现插入图片这个想法。

https://www.jianshu.com/p/ea1eb11db63f

在这位大佬的文章中找到了办法,可以选择其中的一个方案将想要使用的图片放到网络上去,获取到图片链接后使用。

4.Markdown图床选择

上面显示出来的图片就是搞定图床后对应图片的链接。

搞定图床主要参考了

https://www.cnblogs.com/aflyun/p/10010319.html

https://gitee.com/help/articles/4136#article-header4

这两个网页中的教程。

使用了gitee创建自己的静态网站,图片上传到gitee项目中之后更新项目部署。就可以根据链接以及图片相对路径拼接产生图片的链接。能够直接在浏览器中访问这个链接看到图片,同样能够在markdown中使用。有一点不方便之处,每次上传新的图片都需要重新部署这个静态网站,这并不是一个很方便的过程。

5.VSCODE另一个导致图片无法显示的情况

参考资料6

markdown预览安全设置修改为允许不安全内容即可

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 打赏
    打赏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

打赏作者

逗比的手艺人

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

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

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

打赏作者

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

抵扣说明:

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

余额充值