markdown一边写一边预览_markdown文章编辑利器-基础篇
John Gruber(约翰-格鲁伯)创造了一个简单的语法,却是文章笔记的编辑利器,看看他是怎么做的吧。
约翰君一天躺在床上正在思考着给烦人的老总提交会议笔记,一边写一边碎碎念,让我写会议笔记还不如让我写代码。约翰君越想越气,每次都是我写,还老长又要求文字格式,都被标题字号,内容列表格式烦死了。
一气之下重重敲了键盘一下,只见键盘空格键弹出来了,正要落在地上的瞬间,约翰就像牛顿看到苹果落地一样,灵感大发。将空格键打掉的约翰想到,我为何还要经常操作那些烦人的格式呢?就是经常使用空格键一样,我用tab缩进也可以代替宫格?!
找到灵感的约翰君立马拿出笔来写出下列灵感:
斜体
语法:两个*
包含为斜体
示例:*斜体*
粗体
语法:一对**
包含为粗体
示例:**粗体**
标题
语法:使用#
后的内容为一级标题,依次类推最多可以有六级标题。
示例:
# 一级标题
## 二级标题
### 三级标题
#### 四级标题
##### 五级标题
###### 六级标题
注意:标题从一级到六级,字体越小。
引用
语法:大于号(>)后的内容为引用内容。
示例:> 引用
效果:
这是引用内容
链接
语法:[链接名](链接地址)
示例:[Link](http://example.com)
效果:Link
图片显示
语法:![图片名字](图片链接)
示例:![图片.jpeg](http://example.com/图片.jpeg)
无序列表
语法:*
号后的内容,可组合多行产生多行列表。
示例:
* 无序列表
* 无序列表
* 无序列表
效果:
- 无序列表
- 无序列表
- 无序列表
有序列表
语法:*
号后的内容,可组合多行产生多行列表。
示例:
1. 有序列表1
2. 有序列表2
3. 有序列表3
效果:
- 有序列表1
- 有序列表2
- 有序列表3
分割线
语法:单独的一行的***
效果:
内嵌代码
语法:被``包含的内容。
示例:
这是一段`printf("hello world!!")`代码。
效果:这是一段printf("hello world!!")
代码。
代码块
语法:单独两行```包围的内容为代码块。
示例:为防止转译用()包含,实际使用去除即可。
(```)
int main()
{printf("hello world!");return 0;
}
(```)
效果:
int main()
{printf("hello world!");return 0;
}
约翰君看看自己的成果后得意洋洋。对了,貌似还没有名字喔,低下头看到敲掉在地上的空格键,就叫它markdown,文件后缀为.markdown
或.md
。终于可以让自己轻轻松松休息了。
一天早上约翰君醒来顺手写了一篇报告后刷刷网页,看到有人组织写markdown爱好者在制定markdown标准,当即约翰君就说出一句,不希望存在标准,因为每个人都有定制的想法。后来的几年人们通过不断扩展markdown语法,具备表格,数学公式,时序图等众多功能。下篇文章将会介绍到。
关于更多
- 语法标准参考:https://commonmark.org/help/
- 一些使用markdown写文章的网站:CSDN,博客园,简书,印象笔记。
- 一些在线markdown编辑网站:MarkdownEditor,马克飞象,Cmd markdown。
- 一些markdown客户端:typore,墨客编辑器。
- 在线markdown浏览器插件:Markdown Here。
- 文章首发于微信公众号:Qt君
markdown一边写一边预览_markdown文章编辑利器-基础篇相关推荐
- markdown一边写一边预览_MarkDown使用笔记
MarkDown使用笔记 一.前言 前几天看到一篇关于Bear熊掌记的文章,我在里面评论了下它和Onenote的区别,顺口提了下Markdown,然后有人问我Markdown是什么?有什么用? 我用M ...
- markdown一边写一边预览_如何用Markdown轻松排版知乎专栏文章?
免费.便捷.高效的知乎专栏Markdown排版技巧.希望本文可以让你的写作过程也变得更愉悦. 痛点 从前,写作时的排版是件辛苦事.不论你把排版环节放在写作中还是写作后,总会在心里清楚意识到,还有这么一 ...
- subtext3php,Sublimetext 3 实现编辑markdown时同步刷新网页预览
下面由sublime教程栏目给大家介绍Sublimetext 3 实现编辑markdown时同步刷新网页预览的方法,希望对需要的朋友有所帮助! 实现Markdown实时预览 首先要安装两个插件, 强烈 ...
- mui 图片预览(自定义)功能 - 案例篇
mui 图片预览(自定义)功能 - 案例篇 实现目标: 点击图片,弹出层遮盖,并放大显示刚才点击的图片: 图片对应的标题,也一并显示. 效果截图: 重要提示Tips: 使用前,务必设置图片的alt属性 ...
- markdown生成html不出效果,mdeditor: 简单markdown编辑器,同步预览html效果。不依赖任何插件,使用简单,原创,造轮子中。。。更新中。。。...
#mdeditor 演示地址 API 初始化实例(传入参数id) var mdeditor = mdeditor({ id: 'wrap' }); 带参数完整配置项 var mdeditor = md ...
- 如何在VScode中实现markdown所见即所得的实时预览
之前尝试使用了markdown enhanced viewer等插件效果不是很好,虽然可以预览,但是只能在侧边栏进行预览不是很方便. 在广泛尝试后发现,使用**Office Viewer(Markdo ...
- 借助office web apps实现在线预览和在线编辑
我所有的代码都是用go语言编写,你可以直接编译后使用,不用再有其他的操作. 最近项目实在太忙,这几天才有时间,这次是重头戏,要好好琢磨一下怎么写,才能更简洁的说清楚一切. 上一节,我们已经安装完毕,安 ...
- markdown preview enhance修改预览及导出文字
文章目录 环境VScode + markdown preview enhance 默认字体全是Fria code 找教程 探索 查看现在是什么主题 文件资源管理器打开这个路径 修改对应的主题css配置 ...
- markdown文件的在线预览实现方式(js)
示例代码(js解析版): <link href="css/markdown-dark.css" rel="stylesheet" type="t ...
最新文章
- kafka实现异步发送_Kafka 异步消息也会阻塞?记一次 Dubbo 频繁超时排查过程
- HDU 6092 Rikka with Subset 思维 递推
- 织梦首页常用调用标签
- Why Vector Clock are Easy or Hard?
- shell脚本mysql_Shell脚本中执行sql语句操作MySQL数据库的几个方法
- 使用嵌套循环,打印 5 行 5 列的直角三角形
- 14013.petalinux操作GPIO
- Android 8.0学习(16)---8.0 的Doze模式白名单路径
- GEO-Slope产品
- 阶段3 1.Mybatis_11.Mybatis的缓存_7 触发清空一级缓存的情况
- html表格中文字换行设置
- 编译原理实验,赋值语句的语法分析程序设计
- windows无法启动计算机上,windows无法启动解决方法汇总
- 对比7种分布式事务方案,还是偏爱阿里开源的Seata,真香!(原理+实战)
- 模拟实现库函数之字符串函数
- JavaScript工具函数(一)
- 安装失败:user ‘system‘ has previously initiated an install for product‘‘
- 打造个人的云技术乐园
- HTML5简明教程系列之HTML5基础(一)
- SVG 从入门到后悔,怎么不早点学起来(图解版)