美文网首页技术程序员首页推荐
手把手教你使用Markdown

手把手教你使用Markdown

作者: 尽情的嘲笑我吧 | 来源:发表于2017-10-07 08:07 被阅读45次

    <font color="green" size="5"><b>Markdown</font>是什么?顾名思义mark嘛,down嘛。就是记下来呗。其实从学术上来讲,它是一种标记性的语言,以<font color="green" size="4"><b>“所见即所得”</font>著称。它是以内容浏览为核心的。其语法以及格式可谓是超级超级的简单,基本上几分钟就可以学会了。是的,就是这么简单。

    往高深一点点讲,markdown文件的后缀名是<font color="red" size="5">.md</font>。我们的正常使用的浏览器(Chrome,IE,Firefox,Sarifa等等)如果安装了一些插件的话,也是可以直接打开的。也许你会一点点的HTML语法(一个编写网页的标签语言),那么利用markdown你将写出更加绚丽的内容。

    好了,话不多说了。直接开始我们今天的话题吧。


    <font color="green" size="5"><b>工欲善其事,必先利其器

    对于新手来说,最适合的应该是最简单的。那么一款可以让你自由练习的编写软件,一定会是你最喜爱的了。下面我就推荐一款比较好用的软件。<font color="red" size="5">Markdown Pad</font>。这是一个专门针对于Windows用户的markdown编辑器(苹果用户可以使用Markdown Pro哦),可以让你在编写的过程中看到内容展现形式的变化。

    软件界面如下,左边是markdown文本编写区域,右边是即时预览区域。是不是很酷啊。

    markdownpad主界面图片

    <h2>点我下载

    <font color="green" size="5"><b>基础语法

    这里我就仅仅讲一些我自己平时经常用到的一些语法吧,其余的用到了查阅一下就可以了。那我们就开始吧

    • 首先是<font color="red">文本加粗</font>**文本内容**,就是在文本两边加上两个星号就可以了,实现的效果 看这里

    • 然后是文本变为<font color="red">斜体</font>的* 文本内容* ,这次是加上一个星号,实现的效果 我是不是变成斜体了呢

    • 怎么呈现一条<font color="red">分界线</font>呢?答案如下---,对了。连续三个<font color="green" size="9">-</font>(减号)就可以了。实现的效果(仔细看下面,是不是有一条细线呢)


    • 还有就是<font color="red">引用</font>(也就是插入一段别人说过的话,名人名言咯),>应用的文本 ,实现的效果

    我是被引用的一段文字。一般来说我们都会放置到一个新行上,这样呈现的效果更加的美观。

    • 下面来说一说<font color="red">标题</font>吧,标题我们经常会用到,而且标题的大小更是关乎文章的层次感。那么markdown怎么实现标题的书写呢?答案很简单,那就是使用#号,就可以了。一个<font color="green" size=5><b>#</font>号呈现的标题最大,<font color="green" size="5"><b>#</font>号越多,标题越小,理论上来讲范围是1~6个。实现的效果如下:

      我是一号标题

      我是二号标题

      我是三号标题

      我是四号标题

      我是五号标题
      我是六号标题
    • 网页上最多,还有最吸引人的估计就数<font color="red">超链接和图片</font>了吧。下面就讲讲怎么使用markdown来完成这一个功能。[超链接显示的内容](这里填上网址就可以了),实现的效果 我是一个超链接,不信就点我
      接下来就是使用图片了,同样很简单,只需要加上一个<font color="green" size="9">!</font>,就可以了。很easy吧。格式如下![](这里填上图片的网址链接就行了) 实现的效果

      这里写图片描述
      • 然后是主界面了 这里写图片描述
      • 再就是预览,其实我们可以直接在右边看到预览的效果的,如果非要在浏览器下面查看的话,如下 这里写图片描述
      • 最后是导出我们的文件,转换成pdf或者是html文件。


        这里写图片描述

      怎么样,是不是又学会了一招呢?

      <font color="green" size="5"><b>高级进阶篇

      这里说的有点过头了,其实不应该算是高级进阶的,因为我们只是不用markdownpad这个软件了而已。那也许你会问,那怎么编写呢?答案就是使用

      号称史上最性感的文本编辑器----Sublime Text

      虽然是收费的,而且很贵。但是他可以无限期的免费试用(就是每半个小时弹出一个激活窗口罢了)。如果你想深入的了解具体要怎么使用的话,可以看我之前的这篇文章<big><b>Sublime Text 3 使用MarkDown编写带预览的文本

      好了,今天的介绍就先到这里吧,如果有什么疑惑的话,欢迎在下方评论哦,让我们一起进步吧。

    相关文章

      网友评论

      • Tangmo:类似于“<font color="red">列表</font>”这样的怎么都没有正常显示啊
        Tangmo:@菩提树下的煮茶小童子 那写的时候,右侧预览显示正常么
        尽情的嘲笑我吧: @Tangmo 简书的markdown渲染对HTML支持的不够友好

      本文标题:手把手教你使用Markdown

      本文链接:https://www.haomeiwen.com/subject/avbdyxtx.html