0.文件夹
1. 前言
Markdown是一种轻量级的标记语言,把作者从繁杂的排版工作中解放出来。实现易读易写的文章写作,已经逐渐成为其实的行业标准。
CSDN博客支持Markdown能够让广大博友更加专注于博客内容,大赞。
可是,不少博友可能对Markdown比較生疏。本博接下来用一个系列文章《Markdown简明教程》扼要介绍Markdown。希望能够对大家有所帮助。
系列教程文件夹
- 关于Markdown
- Markdown基本使用
- Markdown表格和公式
- Markdown UML图
- CSDN Markdown高速上手
- Markdown 參考手冊
本文为《Markdown简明教程》系列教程的第5篇CSDN Markdown高速上手,主要解说CSDN Markdown的特点、高速上手、个性定制文章模板等。
2. CSDN Markdown特点
CSDN Markdown从StackEdit改编而来。正如StackEdit官网所言。Markdown专注内容、专注写作,能够代理无与伦比的写作体验(Unrivalled writing experience)。
最令人心动的特征包含:
- 实时预览
- 同步滚动
- LaTex数学公式、UML序列图和流程图
- 导入导出MD文件
- 支持离线写作
- 差点儿全程的键盘操作
3. CSDN Markdown高速上手
3.1 使用快捷键
CSDN Markdown的使用原则是尽量不让格式操作影响文章写作,让我们更加专注与行文思路、文章内容。
所以,虽然CSDN Markdown内置了比較丰富的工具栏。可是建议大家行文过程中,尽量少用工具栏,少用鼠标。尽量使用手写语法格式,能够适度使用快捷键。
我们先来看看CSDN Markdown内置的快捷键:
- 加粗
Ctrl + B
- 斜体
Ctrl + I
- 引用
Ctrl + Q
- 插入链接
Ctrl + L
- 插入代码
Ctrl + K
- 插入图片
Ctrl + G
- 提升标题
Ctrl + H
- 有序列表
Ctrl + O
- 无序列表
Ctrl + U
- 横线
Ctrl + R
- 撤销
Ctrl + Z
- 重做
Ctrl + Y
接下来。我们从实战的角度介绍这些快捷键的使用。可能个人喜好的成分较大,不喜勿喷。
粗体斜体
引用
链接
高亮代码块
图片
图片输入最好使用快捷键ctrl+g,会跳出插入图片对话框,我们能够选择插入在线图片或上传图片。
标题
标题输入尽量不用快捷键,使用#
语法格式。
列表
输入列表、切换列表尽量使用快捷键,例如以下图所看到的
切割线
切割线直接输入,不建议使用快捷键。
撤销、反复
撤销 Ctrl + Z
,重做 Ctrl + Y
,不错的功能,强烈建议使用。
3.2 使用离线写作
大家能够直接使用CSDN Markdown实现离线写作,浏览器会自己主动存储大家的写作进度,也能够使用其它Markdown编辑工具(比如window平台下的markdown pad、mac平台下Mou等)写作完毕。再导入到CSDN Markdown里。
- 使用CSDN Markdown的优点在于,能够一步到位地编辑文章。包含图片的上传和部署,文章摘要、文章參数的设置。
- 使用client编辑工具的优点在于, 文章写作操作的稳定性。
3.3 使用导入导出
CSDN Markdown内置了导入导出功能,这个功能很实用。例如以下所看到的。
3.4 个性定制文章模板
在博文写作过程中,每种类型的文章都有一些通用的格式,比如版权声明标识、比如原创翻译文章的“译者说”等。假设能够个性定制文章模板。须要的时候调用将能极大地提高工作效率,接下来大家介绍下我的做法。
我们能够利用CSDN Markdown编辑器创建文章模板,然后利用“导出到本地”功能将模板存到本地(或网络地址),须要该模板时使用“从本机导入”(或“从线上导入”)就可以。
本系列文章的通用部分即用这样的方式完毕。
4. 声明
前端开发whqet。关注前端开发。分享相关资源。
csdn专家博客,王海庆希望能对您有所帮助,限于作者水平有限。出错难免,欢迎拍砖。
欢迎不论什么形式的转载,烦请注明装载,保留本段文字。
本文原文链接,http://blog.csdn.net/whqet/article/details/44318301
欢迎大家訪问独立博客http://whqet.github.io
$(function () {
$('pre.prettyprint code').each(function () {
var lines = $(this).text().split('\n').length;
var $numbering = $('
$(this).addClass('has-numbering').parent().append($numbering);
for (i = 1; i ').text(i));
};
$numbering.fadeIn(1700);
});
});