专栏首页快乐八哥Markdown编辑器入门

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 条评论
登录 后参与评论

相关文章

  • 如何高效进行公众号/博客写作

    支持Markdown的编辑器有很多,比如前端开发者经常写代码的Visual Studio Code、印象笔记,有道云笔记等。

    八哥
  • HTML中拖放介绍

    1.在jQuery UI里面会经常使用Draggable和Droppable,实现Web开发中拖放效果,当然这不是原生条的拖放,所以在处理复杂的拖放上还是需要自...

    八哥
  • MongoDB学习系列(1)--入门介绍

    MongoDB是一款为Web应用程序设计的面向文档结构的数据库系统。 MongoDB贡献者是10gen公司。地址:http://www.10gen.com 1....

    八哥
  • gitbook 入门教程之使用 gitbook-editor 编辑器开发电子书

    亲测,目前已不再支持旧版 gitbook-editor 编辑器,而官网也没有相应的新版编辑器,如果哪位找到了新版编辑器,还望告知!

    雪之梦技术驿站
  • 【奇思淫技】TP5最新getshell漏洞

    因为php7之后基本确定舍弃了函数assert(),因此有关于assert的所有payload全部失效!!! 虽然网上有很多关于tp5+php7的文章,但是我尝...

    徐焱
  • TP5最新getshell漏洞

    ThinkPHP 是一个快速、简单的基于 MVC 和面向对象的轻量级 PHP 开发框架,遵循 Apache2 开源协议发布。ThinkPHP从诞生以来一直秉承简...

    周俊辉
  • 《Linux命令行与shell脚本编程大全》第十章 使用编辑器

    主要介绍vim, nano, emacs,KWrite,Kate,GNOME 10.1 vim Unix系统最初的编辑器 10.1.1检查vim软件包 先搞明白...

    xcywt
  • Docker最全教程之使用TeamCity来完成内部CI、CD流程(十七)

    本篇教程主要讲解基于容器服务搭建TeamCity服务,并且完成内部项目的CI流程配置。教程中也分享了一个简单的CI、CD流程,仅作探讨。不过由于篇幅有限,完整的...

    心莱科技雪雁
  • 利用XMLHttpRequest 通过HTTP POST向ABAP backend发送数据

    设置Content-Type为form-urlencoded, 即需要通过http post发送到server端的数据通过name-value pair的形式加...

    Jerry Wang
  • Docker最全教程之使用TeamCity来完成内部CI、CD流程(十六)

    本篇教程主要讲解基于容器服务搭建TeamCity服务,并且完成内部项目的CI流程配置。教程中也分享了一个简单的CI、CD流程,仅作探讨。不过由于篇幅有限,完整的...

    雪雁-心莱科技

扫码关注云+社区

领取腾讯云代金券