欢迎使用博客园的Markdown编辑器

前言
今天早上起来在Ubuntu下操作,所以不能使用Windows Live Writer。所以就直接使用博客园的后台编辑器,开始以为博客园出错了,怎么编辑都没有加载出来呀!后来想了一想,估计是dudu升级了博客园的编辑器,现在统一使用Markdown编辑器。本篇随笔就介绍怎么Markdown入门,高手可以略过,针对新手了。

  • Markdown是什么东西
  • 为什么博客园要使用Markdown编辑器
  • Markdown基本语法
  • Markdown在线工具和编辑器

Markdown是什么东西
一种轻量级标记语言,和HTML一样,也是一种标记语言。它允许人们使用易读易写的纯文本格式编写文档,然后转换成有效的XHTML或HTML文档。我记得最早使用这个的是GitHub里面的.md文件。

Markdown维基百科
为什么博客园要使用Markdown编辑器
博客园之所以使用Markdown编辑器,估计有一下原因:

1.博客园作为程序员的博客,所以也要与时俱进,带动新技术的发展;

2.本身的类似FCKeditor编辑器虽然可视化很强,但是在操作复杂的内容上还是不给力。比如代码支持,数学公式等方面

3.没有复杂的编辑器,代码减少,页面加载速度会更快,而已页面先的简洁

Markdown基本语法

我这里只介绍,今天这篇博客里面所用到的。因为使用这些语法直接输入对应的格式,所以我使用双引号

1.一级标题和三级标题

"#"代表一级标题
"###"代表三级标题

2.强调

""加重强调
"
***":特别强调
示例:

3.引用和列表

">":代表引用,可以在内容段落开头写,也可以在每一行的开头写。效果都是一样。
"*":代表无序列表,就是用小实心圆圈。
"1,2,3等数字":代表有序列表,有数字编号。

4.链接

"[链接文字][链接引用标签的索引]":显示的链接文字,和链接实际要链接的地址。
我们在文章最后添加了脚注。比如:

5.插入图片

![ ](http://images.cnitblog.com/blog/59618/201404/261049492166622.png)
直接使用博客图片上传工具上传图片,成功之后,在编辑器中直接生成markdown类型的语法,如上面所示。

Markdown在线编辑器
超好用的在线Markdown编辑器

综上,一个简单的Markdown编辑器入门使用就完成了。这篇文章就是通过作业部落在线编辑器完成的。期待大家都学会使用Markdown编辑器。

Markdown编辑器入门的更多相关文章

  1. Markdown编辑器开发记录(二):Markdown编辑器的使用与开发入门

    Markdown编辑器的使用与开发入门 在部门做技术分享的时候简单整理了一下手里的资料 1 是什么 1.1 Markdown是一种轻量级标记语言 Markdown是一种轻量级标记语言,创始人为约翰·格 ...

  2. Markdown编辑器语言——30分钟入门到到精通

    一.简要说明 开篇说明 其实吧这是我人生中写的第一篇博客,我也不知道怎么排版和编辑让博文显示的更加美观,现在正在学Markdown编辑语法,也是刚刚学编程的一个小菜鸟,目前是大二的在校生,我的初衷是把 ...

  3. Markdown快速入门

    现在博文写作次数渐渐变多,经常看到很多园友的博文样式都非常的美观,个人虽然是个土鳖,但对美也是有很强需求的,同时由于最近将要上线一个博客项目,因此也很关心如何可以更高效的编辑和发布博文.之前一直使用w ...

  4. 自己动手制作更好用的markdown编辑器-01

    这里文章都是从个人的github博客直接复制过来的,排版可能有点乱. 原始地址  http://benq.im   文章目录 1. 简介 2. 项目结构 3. 程序主界面 4. 拖动窗口 5. app ...

  5. Markdown的入门教程,非常的使用

    原文链接: https://www.jianshu.com/p/20e82ddb37cb 链接地址  点我      粘贴进来的内容竟然没有图片,好气呦 目录 概述 简介 官方文档 Markdown编 ...

  6. 3分钟 Markdown 快速入门(超详细)(Day_33)

    Markdown 快速入门 (这个贼重要)注:所有符号要在英文状态下完成哦,中文是没有效果的. 1.标题 # 表示一级标题 ## 表示二级标题 ### 表示三级标题 #### 表示四级标题 ##### ...

  7. Python技能树及CSDN MarkDown编辑器测评

    测评目录 python技能树测评 python技能树是什么 python技能树长什么样 如何学习python技能树 python技能树可能需要的改进 对python技能树的总结 CSDN MarkDo ...

  8. NiceMark——我的Markdown编辑器

    NiceMark--我的Markdown编辑器 闲来无事,写了一个Markdown编辑器.基于electron,完全采用Web前段技术(Html,css,JavaScript)实现.代码已托管在Git ...

  9. 好用的Markdown编辑器一览 readme.md 编辑查看

    https://github.com/pandao/editor.md https://pandao.github.io/editor.md/examples/index.html Editor.md ...

随机推荐

  1. 还原后缀名为.bak的数据库备份文件

    1.打开SQL Server Management Studio,随便右击击一个数据库选择任务-->还原-->数据库 4.在弹出来的窗口中的源选项中选择设备-->点选择设备--> ...

  2. zookeeper在linux下自启动

    Linux下设置zookeeper开机自启动  一.以root用户登录系统: 二.进入init.d文件夹 cd /etc/init.d/ 三.创建并打开zookeeper文件 vi zookeeper ...

  3. MongoDB和Redis-NoSQL数据库-文档型-内存型

    1NoSQL简述 CAP(Consistency,Availabiity,Partitiontolerance)理论告诉我们,一个分布式系统不可能满足一致性,可用性和分区容错性这三个需求,最多只能同时 ...

  4. 客户端用javascript获取文件大小

    客户端用javascript获取文件大小 1 ie实现代码如下: <script type="text/javascript" language="javascri ...

  5. myBatis中 collection 或 association 联合查询 中column 传入多个参数值

    下面是一个树形结构表自连接 联合查询 Demo <resultMap id="BaseResultMap"  type="com.maidan.daas.entit ...

  6. JS图片上传预览

    HTML部分: <img id="avatar" class="editable img-responsive" alt="头像" s ...

  7. Html5 中的新语义标签

    1.1 语义标签对于我们并不陌生,如<p>表示一个段落.<ul>表示一个无序列表<h1> ~ <h6>表示一系列标题等,在此基础上HTML5增加了大量更 ...

  8. Linux搜索文件夹下所有文件中字符串

    1.grep "status_bar_height" * -nR /* 搜索文件中有很多不存在的文件出现 */ 2.grep -nsr "status_bar_heigh ...

  9. js表达式与语句的区别

    http://www.2ality.com/2012/09/expressions-vs-statements.html http://www.jb51.net/article/31298.htm 表 ...

  10. ExtJS扩展:扩展grid之toolbar button禁用表达式

          在前一篇文章我们扩展了grid通过选中记录数来禁用toolbar上的按钮,有时候我们需要通过记录中的数据来决定是否禁用按钮,今天我们就来扩展它.       照例,最新的代码和例子都在gi ...