zoukankan      html  css  js  c++  java
  • 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.插入图片

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

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

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

  • 相关阅读:
    Guzz入门教程
    设计模式开题
    纪录idea不能创建class类问题(Cannot Create Class)
    dbrouter实现流程图
    记录一次concurrent mode failure问题排查过程以及解决思路
    程序员的自我修养
    CyclicBarrier之共享锁的理解
    sed选项详解(options)
    sed 范围查找
    Sed命令
  • 原文地址:https://www.cnblogs.com/liminjun88/p/3691581.html
Copyright © 2011-2022 走看看