Markdown编辑器入门

欢迎使用博客园的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编辑器。

本文参与腾讯云自媒体分享计划,欢迎正在阅读的你也加入,一起分享。

发表于

我来说两句

0 条评论
登录 后参与评论

相关文章

来自专栏技术总结

Button重复点击,你限制了吗?

33460
来自专栏黑泽君的专栏

Mark Down Pad2在 windows 10 下的安装注册以及 Mark Down Pad2 报错分析

  Mark Down Pad是Windows下的一个多功能Makrdown编辑器。即时看到你的Makrdown文件,当你创建它们的时候,看起来就像是在HTML...

13310
来自专栏阳光之海

15个增加效率的常用Win系统快捷键

15个一定要会的常用Win系统快捷键,快捷键带给我们的不只是快速,还能感受到机器带来的快感。

9930
来自专栏葡萄城控件技术团队

UWP 入门教程2——如何实现自适应用户界面

系列文章 UWP入门教程1——UWP的前世今生 如上文所说的,布局面板根据可用的屏幕空间,指定界面元素的大小和位置。例如StackPanel 会水平或垂直排列界...

23450
来自专栏程序你好

微软Windows 10的上下文菜单引入Fluent Design风格

9520
来自专栏LanceToBigData

Eclipse快捷键

eclipse中的快捷键非常之多,其实你不要去刻意去记,用着用着就知道了。 一、常用快捷键 ? 二、编辑 ? 三、查看 ? 四、窗口 ? 五、导航 ? 六、搜索...

20670
来自专栏码农笔录

vue2(webpack)调用amap高德地图及其UI组件

41710
来自专栏小特工作室

基于JQuery EasyUI的WebForm控件封装(含源码)

      做WebForm软件的朋友们,对于JQuery EasyUI类库肯定不会陌生,它是基于JQuery类库编写的,据说是国人开发的,真是神人啊.使用此控...

283100
来自专栏张善友的专栏

Windows Phone 7实战 第一天 设计启动页面和应用程序图标

每一个 Windows Phone 7 应用程序在启动时多少会花上一些时间,在这个等待的时刻经常都会摆放一些启动画面 (Splash screen) 先来充充场...

24290
来自专栏杂七杂八

实现登录框

今天课程要求实现百度的登录框功能,晚上花费了两个小时终于搞定,直接上代码 <!DOCTYPE html> <html lang="en"> <head> ...

43060

扫码关注云+社区

领取腾讯云代金券