美文网首页
[工具向01]——markdown使用相关

[工具向01]——markdown使用相关

作者: 葛木小舍先生丶 | 来源:发表于2019-03-25 01:55 被阅读0次
    • markdown简介

    Markdown是一种轻量级标记语言创始人为约翰·格鲁伯。它允许人们“使用易读易写的纯文本格式编写文档,然后转换成有效的XHTML或HTML文档”。这种语言吸收了很多在电子邮件中已有的纯文本标记的特性。


    Markdown 的目标是实现「易读易写」。
    可读性,无论如何,都是最重要的。一份使用 Markdown 格式撰写的文件应该可以直接以纯文本发布,>并且看起来不会像是由许多标签或是格式指令所构成。Markdown 语法受到一些既有 text-to-HTML >格式的影响,包括 Setext、atx、Textile、reStructuredText、Grutatext 和 EtText,而最大灵感来源其实是纯文本电子邮件的格式。
    总之, Markdown 的语法全由一些符号所组成,这些符号经过精挑细选,其作用一目了然。比如:在文>字两旁加上星号,看起来就像强调。Markdown 的列表看起来,嗯,就是列表。Markdown 的区块引>用看起来就真的像是引用一段文字,就像你曾在电子邮件中见过的那样。

    参考:
    markdown——维基百科


    1.markdown的简单使用

    • 标题

    标题使用# 符号,其数目以此对应h1-h6级标题。


    这是一个一级标题

    # 一级标题
    

    这是一个二级标题

    这是一个三级标题

    这是一个四级标题

    这是一个五级标题
    这是一个六级标题

    • 段落

    段落在Markdown里是不需要任何特殊标记的,可以直接进行输入。

    段落1

    段落2


    • 引用

    最简单的引用标签直接用> 符号就好了.

    • 普通引用方式

    引用内容

    > 这是葛木小舍先生的第一篇博客
    

    • 列表

    列表可以使用- + * 符号作为列表标记。并且列表是可以嵌套使用的。


    • 这是一个无序列表
    • 这是一个无序列表
    - 这是一个无序列表
    * 这是一个无序列表
    
    • 这是一个父类列表
      • 这是一个子类列表

    • 链接

    可以是网站,也可以是一张图片的链接。


    • 这是一个个人博客的链接

    葛木小舍先生的小世界

    [葛木小舍先生的小世界](https://gemumiaoshe.wordpress.com/) 
    
    #在这里是用[链接名](链接地址)的形式构成链接
    
    • 这是葛木小舍先生的个人博客

    https://gemumiaosheWordPress.com

    这是葛木小舍先生的个人博客
    <https://gemumiaosheWordPress.com>
    #这里是直接用尖括号<地址>来直接构成链接。
    
    

    • 这里是插入图片链接的两种方式:
    这是一张图片
    ![这是一张图片](https://img.haomeiwen.com/i95646/5bfd0cecf587c766.png?imageMogr2/auto-orient/strip%7CimageView2/2/w/600)
    #和直接插入网页的方式是相似的,这里只需要在[]前加一个感叹号就可以了。
    使用![图片的备用显示名](图片地址)的形式就可以了
    
    

    <img src="https://img.haomeiwen.com/i95646/5bfd0cecf587c766.png?imageMogr2/auto-orient/strip%7CimageView2/2/w/600" width=200px hight=200px alt="简书" left >

    <img src="https://img.haomeiwen.com/i95646/5bfd0cecf587c766.png?imageMogr2/auto-orient/strip%7CimageView2/2/w/600" width=200px hight=200px alt="简书" left  >
    #这里是直接使用html中插入图片的<img src="图片地址">的形式插入图片的。
    

    在这里,就插入图片的地址有两点需要注意,图片地址可以是它的网页存储地址,如果是本地的相对地址,则需要注意。
    你可以选择把你需要用到的图片上传到网页上保存,再来进行引用。在这里使用的图片都是使用的第一种方式,我的图片是存在github上的。


    • 代码段

    在markdown中引用一段代码是很容易的,只需要用两行半角单引号将代码包裹住就可以了。

    其位置在tab键上方。


    <!--代码段-->
    <html>
    <head>
    <body>
    <h1>这是一个一级标题</h1>
    <p>这是一个段落</p>
    <hr>
    <a helf="链接地址">
    <img src="图片地址">
    </body>
    </head>
    </html>
    
    

    • 简单的字体样式

    字体的粗细倾斜都只需要用*标记来表示。


    这是一段倾斜字体

    这是一段加粗字体

    这是一段倾斜加粗字体

    *这是一段倾斜字体*
    
    **这是一段加粗字体**
    
    ***这是一段倾斜加粗字体***
    

    • 表格

    表格是使用|来表示的,几行几列都使用|来分割开来就好。


    • 表格
    表头一 表头二 表头三
    左对齐 居中对齐 右对齐
    • 代码
    表头一|表头二|表头三|
    :---|:---:|---:|
    左对齐|居中对齐|右对齐
    

    • markdown相关编译器

    由于我比较懒,所以并没有专门下载相关的编译器。我本身是使用Dw编写的。markdown是纯文本文档,所以它是一门可以用任何文档编辑器打开编辑的语言。而编辑器只是给我们提供一个辅助的作用,可以给我们提供方便。

    MarkdownPad

    用户可以通过键盘快捷键和工具栏按钮来使用或者移除 Markdown 格式。MarkdownPad左右栏的分割方式令用户可以实时看到 HTML 格式的 Markdown 文档。

    Mou

    Mou 是 Mac下杰出的 Markdown 编辑器,提供语法高亮、在线预览、同步滚动、全屏模式,支持自定保存、自动匹配,允许自定义主题,支持 CSS,HTML 和 PDF 导出等。

    MarkPad

    MarkPad 是款开源的 Markdown 编辑器,与 Window 8 风格和谐友好的界面,可以直接在你的博客或者 GitHub 中打开、保存文档,直接将图片粘贴到 Markdown 文档中。

    MarkdownEditor

    MarkdownEditor 是一款基于浏览器的 Markdown 文本编辑器,功能非常简单实用。


    • 保存

    最后将编辑好的markdown文档保存为.md格式就可以用对应工具编辑和查看效果了。

    markdown标记语言因其简洁性,被常用于博文等文档的编写。本博客是基于hexo搭建的,其中博客也都是基于markdown语言编写的。



    相关文章

      网友评论

          本文标题:[工具向01]——markdown使用相关

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