其目标是实现易读易写的纯文本,目的是让我们专注于码字,其语法只有几种且简单易学。
希望能帮到大家,MarkDown真的很棒,快点学会吧,有新点子(方法、工具)我会更新。
CSDN的MarkDown显示出来的效果不是很好看诶,附上我的笔记地址吧,点击
语法
一、标题
- # 一级标题
- ## 二级标题
- ###三级标题
…
- ######六级标题
二、列表
有序列表
直接在文字前加入1. 2. 3. ,需要注意的是要在文字间加一个空格。
无序列表
直接在文字前加入-或*即可变为无序列表。也要在文字间加一个空格。
三、表格
例:
|Name |age |sex|
|-------|:---:|---|
|xiaobin|21 |boy|
|jone |36 |boy|
注意冒号是为了控制其是居中,还是左对齐右对齐?默认是左对齐。
效果:
Name
age
sex
xiaobin |
21 |
boy |
jone |
36 |
boy |
四、图片与链接
图片
![美女](https://http://pic1.win4000.com/pic/2/43/0a901382382.jpg)
也可以用html来显示,可以精确控制其大小:
<div align=center><img width="50%" height="50%" src="http://pic1.win4000.com/pic/2/43/0a901382382.jpg" alt="图片描述文字"/></div>限制其宽高,且居中。
限制其宽高,且居中。
刚刚找图片的时候,去百度找的链接,大家尽量不要用,其链接是动态的,可能这下是个美女,下一秒就是个抠脚老大爷。
链接
[百度一下](http://www.baidu.com)
百度一下
五、代码框
代码前后
```or`
用tab缩进
tab
六、加粗与倾斜
**加粗**
加粗
*倾斜*
倾斜
七、分割线
***
<script type="text/javascript">
$(function () {
$('pre.prettyprint code').each(function () {
var lines = $(this).text().split('\n').length;
var $numbering = $('<ul/>').addClass('pre-numbering').hide();
$(this).addClass('has-numbering').parent().append($numbering);
for (i = 1; i <= lines; i++) {
$numbering.append($('<li/>').text(i));
};
$numbering.fadeIn(1700);
});
});
</script>
分享到:
相关推荐
markdown的使用技巧[这一篇就够了!]
docker进阶篇markdown文档
MarkDown-常用模板
降价样式这是 markdown解析器的插件。 它可以为结果html元素添加样式。安装 npm install markdown-it-style --save-dev或者,如果使用纱线 yarn add -D markdown-it-style用 var Markdown = require('markdown-it')...
1、支持markdown语法自动编译,只要简单的写几个字符,比如link就能输出复杂的markdown语法。 2、分中文和英文两个版本。 3、根据我们的配置创建.md文件就会获得一个卓越的markdown模板,优雅写作。 用户只要点击...
Markdown 必备神器,Markdown 转公众号、知乎排版神器
总的来说,这个项目结合了Markdown语法、JavaScript编程、GitHub API的使用以及webhook的概念,旨在创建一个便捷的Markdown博客发布系统。开发者可以通过学习和理解这个项目,提升在Web开发、Markdown处理和GitHub...
markdown-markdown-markdown
这使得开发者无需离开熟悉的开发环境就能查看文档的格式化效果,极大地提高了工作效率。 插件的主要特性包括: 1. **实时预览**:在编辑Markdown文件时,右侧会自动显示预览窗口,实时更新文档的HTML渲染结果。 2....
Markdown完整的示例,包括图片、链接、 流程图、科学公式、代码块、 表格、 emoji表情、序列图都有详细例子。 另外,个人推荐使用Typora作为Markdown的...我是在对比了很多markdown工具后,才发现这个真香的工具的。
首先,Markdown本身并不直接支持生成目录或侧边栏,但通过一些扩展和插件,我们可以实现这个功能。`markdown生成目录/侧边栏目录`的标题暗示了我们可以通过特定的方法使Markdown文档拥有一个可视化的导航结构。 1. ...
Markdown是一种轻量级的标记语言,它允许人们使用易读...通过安装并使用Markdown插件,Notepad++可以成为一个强大的Markdown编辑器,对于经常编写Markdown文档的用户来说,这将极大地提高他们的工作效率和写作体验。
Markdown入门.pdf Markdown是一种轻量级标记语言,允许用户使用简单的标记符号来格式化文本,而不需要编写复杂的HTML代码。下面是Markdown入门的相关知识点: 标题 在Markdown中,标题是使用井号(#)来表示的。...
这为团队协作和项目发布提供了便利。 总的来说,SpringBoot结合Markdown提供了一种高效的文档管理和展示方式,让开发者在专注于编码的同时,也能轻松地编写高质量的文档,提高了项目的可维护性和用户体验。无论是...
Markdown是一种轻量级的标记语言,它允许人们使用易读易写的纯文本格式编写文档,然后转换成结构化的HTML(超文本标记语言)文档。...无论是个人项目还是团队协作,这都将极大地提升文档的可读性和工作效率。
Vue.js是一个非常流行的前端JavaScript框架,它以组件化、易用性和灵活性著称。Markdown则是一种轻量级的...对于那些需要在前端展示Markdown内容或者希望提供Markdown编辑功能的项目来说,这是一个非常有价值的插件。
这是Markdown的段落。 我们可以在里面**加粗文本**,*斜体文本*,甚至插入代码块: ``` echo 'Hello, World!'; ``` @endmarkdown ``` 这段Blade模板会生成对应的HTML,浏览器可以正确渲染这些元素。Laravel默认...
这款插件通常结合Vue.js框架,使得开发者能够轻松地在Vue组件中插入和处理Markdown格式的文本,同时提供美观的代码高亮功能,提升用户体验。 Vue.js是Facebook推出的React.js之后,由尤雨溪开发的一个轻量级的前端...
基于`markdownit`封装的markdown渲染器,就是将这个库进行二次开发,添加特定功能或者优化性能,以适应特定应用场景。 在JavaScript开发中,创建一个基于`markdownit`的Markdown编辑器涉及到以下几个关键知识点: ...
对于经常在csdn上阅读和学习的用户来说,这个工具能帮助他们更方便地整理和备份文章,尤其是对于那些希望在本地或其它支持Markdown的平台上阅读和编辑这些内容的用户。 描述中提到的“自己写的小工具”是一个实用的...