Markdown使用中的一些点

github主页：https://github.com/Taot-chen

一、Markdown中插入图片的三种方法

Markdown中插入图片的最基础的格式是：

![Alt text](图片链接, "optional title")

注：
Alt text：图片的Alt标签，用来描述图片的关键词，可以不写;
图片链接：可以是图片的本地地址或者网址；
optional title：鼠标悬置于图片上时会出现的标题文字，可以不写。

1）插入本地图片

只需要在基础语法的括号中填入图片的位置路径即可，支持绝对路径和相对路径。

例如：

![avatar](/home/picture/pic.png)

2）插入网络图片

只需要在基础语法的括号中填入图片的网络链接即可，需要使用图床。
例如：

![avatar](http://baidu.com/pic/doge.png)

3）把图片存入markdown文件

用base64转码工具把图片转成一段字符串，然后把字符串填到基础格式中链接的那个位置。
例如：

![avatar](data:image/png;base64,iVBORw0......)

注：
由于图片的base64字符串一般都会很长，会把整个文章分割开，非常影响编写文章时的体验。可以把大段的base64字符串放在文章末尾，然后在文章中通过一个id来调用，文章就不会被分割的这么乱了。
例如：

![avatar][doge]
[doge]:data:image/png;base64,iVBORw0......

Markdown使用中的一些点相关推荐

Markdown中折叠代码块
有道云笔记Markdown使用中,想要折叠代码,所以的功能按钮都看了,但是没有这个功能. 于是乎: <details> <summary>点击展开</summary& ...
CSDN的Markdown编辑器常用语句
CSDN的Markdown编辑器还是挺好用的,比那个富文本编辑器用起清爽得多,那个富文本编辑器常常是一个换行符留很宽的距离,而且插入图片.代码等都没有Markdown编辑器方便.Markdown编辑器 ...
Atom与markdown
简述 Atom是github开发的开源跨平台的编辑器,Atom的强大可以与大名鼎鼎的Sublime Text相媲美.因为使用过Sublime Text,所以用Atom上手很快.这篇文章主要介绍使用At ...
认识与入门:Markdown
原文:http://www.jianshu.com/p/22ba695a7ce3 Markdown 是一种轻量级的「标记语言」,它的优点很多,目前也被越来越多的写作爱好者,撰稿者广泛使用.看到这里请不 ...
Markdown入门
Markdown 是一种轻量级的「标记语言」,它的优点很多,目前也被越来越多的写作爱好者,撰稿者广泛使用.看到这里请不要被「标记」.「语言」所迷惑,Markdown 的语法十分简单.常用的标记符号也不 ...
认识与入门 Markdown
Markdown 是一种轻量级的「标记语言」,它的优点很多,目前也被越来越多的写作爱好者,撰稿者广泛使用.看到这里请不要被「标记」.「语言」所迷惑,Markdown 的语法十分简单.常用的标记符号也不 ...
Markdown 中的flow语法 flowchart.js 的基础教程
Markdown 中的Flow flowchart.js 的基础教程 JS Markdown 编辑器 https://stackedit.io/ 百度了下,看到网上关于 flow 的教程很少好像.写个 ...
Markdown小问题【日常更新】
本人根据一些博客.专栏学习md,使用cmd markdown和sublime Text3以及Typora作为编辑器,配合csdn博客及一些论坛编辑学习. 2020年8月12日: 1. cmd mark ...
Markdown——入门指南
导语: Markdown 是一种轻量级的「标记语言」,它的优点很多,目前也被越来越多的写作爱好者,撰稿者广泛使用.看到这里请不要被「标记」.「语言」所迷惑,Markdown 的语法十分简单.常用的标记 ...

Markdown使用中的一些点

Markdown使用中的一些点

一、Markdown中插入图片的三种方法

1）插入本地图片

2）插入网络图片

3）把图片存入markdown文件

Markdown使用中的一些点相关推荐

最新文章

热门文章