markdown插入本地图片小技巧
markdown插入本地图片小技巧
个人博客
背景
markdown作为一种普通文本编辑器编写的标记语言,通过简单的标记语法,它可以使普通文本内容具有一定的格式,非常的好用,但是插入本地图片很不方便,接下来我们介绍一种非常实用的上传本地图片的方法。
<The rest of contents | 余下全文>
插入本地图片的几种方法
以下几种方法参考他人博客,末尾回帖出原文地址
插入本地图片
只需要在基础语法的括号中填入图片的位置路径即可,支持绝对路径和相对路径。
例如:
- ![avatar](本地文件路径)
不灵活不好分享,本地图片的路径更改或丢失都会造成markdown文件调不出图。
插入网络图片
只需要在基础语法的括号中填入图片的网络链接即可,现在已经有很多免费/收费图床和方便传图的小工具可选。
例如:
- ![avatar](网络图片路径)
将图片存在网络服务器上,非常依赖网络。
把图片存入markdown文件
用base64转码工具把图片转成一段字符串,然后把字符串填到基础格式中链接的那个位置。
例如:
![avatar][base64str]
使用选型
不得不说,上面几种方法,各有优缺点,但是为了方便以及图片能够正常的显示,还是使用网络图片比较靠谱,所以这里介绍一个通过有道云笔记来保存图片,生成网络地址的方法。
使用有道云生成图片网络地址
表示博主也刚使用markdown不久,之前就被这个本地图片困扰,用一种方式,在csdn会出现图片不能打开,要重新上传假设此时我们有一个本地图片才能访问,后面使用Hexo搭建个人博客后,这种方式完全行不通了,所以找了一种通过有道云生成图片网络地址方法(图床工具没找到)。
假设我们需要添加到markdown文件中,我们只需要把图片保存到有道云笔记中
然后右键分享图片
查看分享
右键复制图片地址
https://note.youdao.com/yws/api/personal/file/66294A284E5D4290BC9524515C60F9C9?method=download&shareKey=2ac22444598f8c3eda2c87705881b0ff
将()中的地址改成网络地址就可以通过网络来访问我们上传的本地图片啦,不过这个图片不能删除哦,删除了网络地址也将不能正常访问了
总结
使用有道云把我们需要用到的图片保存起来,通过图片地址就可以实现图片的不限制访问了,是不是很方便。
参考链接
简书
markdown插入本地图片小技巧相关推荐
- 有道云笔记中markdown插入本地图片(绝对路径)后无法显示图片问题
有道云笔记中markdown插入本地图片(绝对路径)后无法显示图片问题解决 环境: win10系统 有道云笔记 markdown bmp格式截图文件 在查看graphframe的jar包结构时,记录下 ...
- 在Markdown文件中快速插入本地图片
文章目录 1. 内容回顾 2. 操作步骤 3.语法说明 4.内容总结 1. 内容回顾 我们在前面博客中介绍了如何把VSCode打造成Markdown编辑器,这次对其中的内容做更新.主要是介绍如何快速地 ...
- 在MarkDown中插入本地图片
在MarkDown中插入本地图片 用法: ![图片描述](图片网络地址) ![图片描述](本地图片相对路径) 注意: 插入本地图片的时候一定是相对路径 例如: ![项目布局](./Pictures/1 ...
- markdown中插入本地图片
markdown中插入本地图片 今天用VS code写markdown笔记,想要插入一张本地图片,结果试过网上的好几种方法,没成功,然后转念一想,既然markdown也支持标记语言,何不试试html呢 ...
- python代码插入图片_jupyter notebook插入本地图片的实现
如何在Jupyter Notebook中插入本地图片? 我在网上搜索的时候,看到网上写的都是,将cell调节成为markdown cell, 然后输入下面的代码 ![title](img/pictur ...
- MarkDown一些有用的小技巧
Markdown test # 一级标题 一级标题 ## 二级标题 二级标题 ### 三级标题 三级标题 以此类推,直到六级标题. 字体 加粗 **文字** 这是正常文字这是粗体 斜体 *文字* 这是 ...
- 在MacDown中插入本地图片和GitHub图片
背景 GitHub账号 基本git命令 具体步骤 插入本地图片 需要找到本地图片的绝对地址,然后在Macdown中输入以下命令即可 ![img](图片绝对地址) 插入GitHub图片 首先在githu ...
- Cognos报表展示图片小技巧
Cognos报表展示图片小技巧 场景:在销售行业,比如手机,服装行业,如果仅仅的显示数字.文字那就显得不是很生动了,例如可以显示一下图片,那种样子的产品受大家喜欢. 样例1:在报表头都喜欢加上一些公司 ...
- Gitee+typora+picgo+插件,markdown图床配置,一键将markdown中本地图片上传至图床
一键将markdown中本地图片上传至图床 推荐配置:Gitee+typora+picgo+插件 文章目录 安装 picgo 配置 typora 配置 Gitee 图床 配置图床设置 配置 typor ...
最新文章
- 一文看懂鸿蒙手机操作系统。和安卓、iOS 有何区别?
- 你真的弄明白了吗?Java并发之AQS详解
- 如何将外部邮箱添加至Exchange邮件组中
- 世界地球日主题班会PPT教学课件模板
- css如何实现背景透明,文字不透明?
- edge robert matlab,哪位熟悉matlab的大神路过瞄一眼哈
- oracle推送短信,ORACLE 10G如何实现发短信的服务?
- 文本删除空行_Word的空行、空格、页眉线删不了?8秒一次性处理,教你删掉它们...
- 微信灰度测试“相关阅读”功能 公众号文章下推荐延伸内容
- 数组和集合的区别有哪些?
- 利用cookie 解决多站点共享session的解决方案
- Eclipse中打开文件时单击和双击的设置
- 计算机硬件相关专业学校,计算机硬件相关专业有哪些
- php获取客户端ip地址
- ps 学习布尔运算运用方法
- Liunx命令符(面试题)
- mupdf中CMYK与RGB的转换算法
- php删除bom,php bom如何去掉
- 07长电债今上市 公司债正式启航
- git实践系列七:迁出和回退