精华内容
下载资源
问答
  • Markdown教程

    2016-06-03 11:34:37
    Markdown教程

    Markdown

    最近在写github的时候发现github上的Readme格式是.md,这是一种用Markdown写的格式文件后缀,还有就是.mdown,所已发现有很多大神都在使用这个比HTML还轻量的语言,并且Markdown还能很好的转换成HTML.后面还有终极大招我整篇文章的Maekdown的源码.
    发现现在有很多博客都支持用Markdown,遂今天我们来一起学习Maekdown.
    我们学习时可以使用csdn的markdown编辑器,也可以使用其他的程序,当然还有很多好用的编辑器,就不在这里一一介绍了,大家想了解可以去百度.
    先上一幅进入csdn-markdown编辑器,先进入到写博客界面,再点击下图中的切换的markdown编辑器.

    这里写图片描述

    然后我们就进入到了编辑器界面了,我们就可以在左边的编辑框写我们的Markdown了.

    下面我们就来学习一下Markdown的语法

    学习Markdown,只要记住下面的东西就行了

    • 标题
    • 加粗
    • 斜体
    • 块引用
    • 链接
    • 图片
    • 列表
    • 分割线

    1. 学习标题

    标题的话就是使用#
    
    像下面的标题1
    
    格式就是 #标题1
    ##标题2
    并且以此类推

    标题1

    标题2

    标题3

    标题4

    标题5

    2. 加粗

    **强调** 
    就变成了下面的加粗

    这是特别要强调的地方

    3. 斜杠

    *斜体*
    就变成了下面的斜体

    这是打斜体的地方

    4. 块引用

    > 这是块引用的纽约
    注意要在>和内容中空一格出来
    其他的如果没有效果,也可以在标签和内容中空一格

    这就是块引用的内容

    5. 链接

    [百度](https://www.baidu.com)
    

    百度

    6. 图片

    ![图片](https://ss0.bdstatic.com/5aV1bjqh_Q23odCf/static/superman/img/logo/bd_logo1_31bdc765.png)

    图片

    7. 列表

    无序列表
    - 1
    - 2
    - 3
    记得空格

    无序列表

    • 1
    • 2
    • 3
    1. 1
    2. 2
    3. 3

    有序列表

    1. 1
    2. 2
    3. 3

    8. 分割线

    ***
    就是分割线了

    9. 代码片

    就是这个背景

    这里写图片描述

    就是上图这样子

    源码

    展开全文
  • markdown教程

    2021-01-20 13:29:21
    Markdown 是一种轻量级标记语言,它允许人们使用易读易写的纯文本格式编写文档。 Markdown 语言在 2004 由约翰·格鲁伯(英语:John Gruber)创建。 Markdown 编写的文档可以导出 HTML 、Word、图像、PDF、Epub 等...
  • Markdown 教程

    2019-11-13 11:08:38
    文章目录Markdown 教程Markdown 标题1、使用 = 和 - 标记一级和二级标题2、使用 # 号标记Markdown 段落字体分隔线删除线下划线脚注Markdown 列表列表嵌套Markdown 区块Markdown 代码Markdown 链接高级链接Markdown ...

    Markdown 标题

    1、使用 = 和 - 标记一级和二级标题

    我展示的是一级标题
    =================
    
    我展示的是二级标题
    -----------------
    

    2、使用 # 号标记

    使用 # 号可表示 1-6 级标题,一级标题对应一个 # 号,二级标题对应两个 # 号,以此类推。

    # 一级标题
    ## 二级标题
    ### 三级标题
    #### 四级标题
    ##### 五级标题
    ###### 六级标题
    

    Markdown 段落

    Markdown 段落没有特殊的格式,直接编写文字就好,段落的换行是使用两个以上空格加上回车

    当然也可以在段落后面使用一个空行来表示重新开始一个段落。

    字体

    *斜体文本*
    _斜体文本_
    **粗体文本**
    __粗体文本__
    ***粗斜体文本***
    ___粗斜体文本___
    

    分隔线

    你可以在一行中用三个以上的星号、减号、底线来建立一个分隔线,行内不能有其他东西。你也可以在星号或是减号中间插入空格。下面每种写法都可以建立分隔线:

    ***
    
    * * *
    
    *****
    
    - - -
    
    ---
    

    删除线

    如果段落上的文字要添加删除线,只需要在文字的两端加上两个波浪线 ~~ 即可,实例如下:

    ~~BAIDU.COM~~
    

    下划线

    下划线可以通过 HTML 的<u>标签来实现:

    <u>带下划线文本</u>
    

    脚注

    脚注是对文本的补充说明。

    Markdown 脚注的格式: [^要注明的文本]

    创建脚注格式类似这样 [^RUNOOB]。
    
    [^RUNOOB]: 菜鸟教程 -- 学的不仅是技术,更是梦想!!!
    

    Markdown 列表

    Markdown 支持有序列表和无序列表。

    无序列表使用星号()、加号(+)或是减号(-*)作为列表标记:

    * 第一项
    * 第二项
    * 第三项
    
    + 第一项
    + 第二项
    + 第三项
    
    
    - 第一项
    - 第二项
    - 第三项
    

    有序列表使用数字并加上 . 号来表示,如:

    1. 第一项
    2. 第二项
    3. 第三项
    

    列表嵌套

    列表嵌套只需在子列表中的选项添加四个空格即可:

    Markdown 区块

    Markdown 区块引用是在段落开头使用 > 符号 ,然后后面紧跟一个空格符号:

    > 区块引用
    > 菜鸟教程
    > 学的不仅是技术更是梦想
    

    另外区块是可以嵌套的,一个 > 符号是最外层,两个 > 符号是第一层嵌套,以此类推退:

    > 最外层
    > > 第一层嵌套
    > > > 第二层嵌套
    

    区块和列表可以互相嵌套

    Markdown 代码

    如果是段落上的一个函数或片段的代码可以用反引号把它包起来(`),

    `printf()` 函数
    

    你也可以用 ``` 包裹一段代码,并指定一种语言(也可以不指定):

    ```javascript
    $(document).ready(function () {
        alert('RUNOOB');
    });
    ```
    

    Markdown 链接

    链接使用方法如下:

    [链接名称](链接地址)
    
    或者
    
    <链接地址>
    

    例如:

    这是一个链接 [菜鸟教程](https://www.runoob.com)
    

    高级链接

    链接也可以用变量来代替,文档末尾附带变量地址:
    这个链接用 1 作为网址变量 [Google][1]
    这个链接用 runoob 作为网址变量 [Runoob][runoob]
    然后在文档的结尾为变量赋值(网址)
    
      [1]: http://www.google.com/
      [runoob]: http://www.runoob.com/
    

    Markdown 图片

    Markdown 图片语法格式如下:

    ![alt 属性文本](图片地址)
    
    ![alt 属性文本](图片地址 "可选标题")
    
    • 开头一个感叹号 !
    • 接着一个方括号,里面放上图片的替代文字
    • 接着一个普通括号,里面放上图片的网址,最后还可以用引号包住并加上选择性的 ‘title’ 属性的文字。

    使用实例:

    ![RUNOOB 图标](http://static.runoob.com/images/runoob-logo.png)
    
    ![RUNOOB 图标](http://static.runoob.com/images/runoob-logo.png "RUNOOB")
    

    当然,你也可以像网址那样对图片网址使用变量:

    这个链接用 1 作为网址变量 [RUNOOB][1].
    然后在文档的结尾位变量赋值(网址)
    
    [1]: http://static.runoob.com/images/runoob-logo.png
    

    Markdown 还没有办法指定图片的高度与宽度,如果你需要的话,你可以使用普通的 <img> 标签。

    <img src="http://static.runoob.com/images/runoob-logo.png" width="50%">
    

    Markdown 表格

    Markdown 制作表格使用 | 来分隔不同的单元格,使用 - 来分隔表头和其他行。

    语法格式如下:

    |  表头   | 表头  |
    |  ----  | ----  |
    | 单元格  | 单元格 |
    | 单元格  | 单元格 |
    

    对齐方式

    我们可以设置表格的对齐方式:

    • -: 设置内容和标题栏居右对齐。
    • :- 设置内容和标题栏居左对齐。
    • :-: 设置内容和标题栏居中对齐。

    实例如下:

    | 左对齐 | 右对齐 | 居中对齐 |
    | :-----| ----: | :----: |
    | 单元格 | 单元格 | 单元格 |
    | 单元格 | 单元格 | 单元格 |
    

    Markdown 高级技巧

    支持的 HTML 元素

    不在 Markdown 涵盖范围之内的标签,都可以直接在文档里面用 HTML 撰写。

    目前支持的 HTML 元素有:等 ,如:

    使用 <kbd>Ctrl</kbd>+<kbd>Alt</kbd>+<kbd>Del</kbd> 重启电脑
    

    转义

    Markdown 使用了很多特殊符号来表示特定的意义,如果需要显示特定的符号则需要使用转义字符,Markdown 使用反斜杠转义特殊字符:

    **文本加粗** 
    \*\* 正常显示星号 \*\*
    

    公式

    当你需要在编辑器中插入数学公式时,可以使用两个美元符 $$ 包裹 TeX 或 LaTeX 格式的数学公式来实现。提交后,问答和文章页会根据需要加载 Mathjax 对数学公式进行渲染。如:

    $$
    \mathbf{V}_1 \times \mathbf{V}_2 =  \begin{vmatrix} 
    \mathbf{i} & \mathbf{j} & \mathbf{k} \\
    \frac{\partial X}{\partial u} &  \frac{\partial Y}{\partial u} & 0 \\
    \frac{\partial X}{\partial v} &  \frac{\partial Y}{\partial v} & 0 \\
    \end{vmatrix}
    $$
    

    typora 画流程图、时序图(顺序图)、甘特图

    1、横向流程图源码格式:

    ```mermaid
    graph LR
    A[方形] -->B(圆角)
        B --> C{条件a}
        C -->|a=1| D[结果1]
        C -->|a=2| E[结果2]
        F[横向流程图]
    ```
    

    2、竖向流程图源码格式

    ```mermaid
    graph TD
    A[方形] --> B(圆角)
        B --> C{条件a}
        C --> |a=1| D[结果1]
        C --> |a=2| E[结果2]
        F[竖向流程图]
    ```
    

    3、标准流程图源码格式

    ```mermaid
    flowchat
    st=>start: 开始框
    op=>operation: 处理框
    cond=>condition: 判断框(是或否?)
    sub1=>subroutine: 子流程
    io=>inputoutput: 输入输出框
    e=>end: 结束框
    st->op->cond
    cond(yes)->io->e
    cond(no)->sub1(right)->op
    ```
    

    4、标准流程图源码格式(横向):

    ```mermaid
    flowchat
    st=>start: 开始框
    op=>operation: 处理框
    cond=>condition: 判断框(是或否?)
    sub1=>subroutine: 子流程
    io=>inputoutput: 输入输出框
    e=>end: 结束框
    st(right)->op(right)->cond
    cond(yes)->io(bottom)->e
    cond(no)->sub1(right)->op
    ```
    

    5、UML时序图源码样例

    ```mermaid
    sequenceDiagram
    对象A->>对象B: 对象B你好吗?(请求)
    Note right of 对象B: 对象B的描述
    Note left of 对象A: 对象A的描述(提示)
    对象B-->>对象A: 我很好(响应)
    对象A->>对象B: 你真的好吗?
    ```
    

    6、UML时序图源码复杂样例

    ```mermaid
    sequenceDiagram
    Title: 标题:复杂使用
    对象A->>对象B: 对象B你好吗?(请求)
    Note right of 对象B: 对象B的描述
    Note left of 对象A: 对象A的描述(提示)
    对象B-->>对象A: 我很好(响应)
    对象B->>小三: 你好吗
    小三-->>对象A: 对象B找我了
    对象A->>对象B: 你真的好吗?
    Note over 小三,对象B: 我们是朋友
    participant C
    Note right of C: 没人陪我玩
    ```
    

    7、UML标准时序图样例

    ```mermaid
    %% 时序图例子,-> 直线,-->虚线,->>实线箭头
      sequenceDiagram
        participant 张三
        participant 李四
        张三->王五: 王五你好吗?
        loop 健康检查
            王五->王五: 与疾病战斗
        end
        Note right of 王五: 合理 食物 <br/>看医生...
        李四-->>张三: 很好!
        王五->李四: 你怎么样?
        李四-->王五: 很好!
    ```
    

    8、甘特图样例

    ```mermaid
    %% 语法示例
            gantt
            dateFormat  YYYY-MM-DD
            title 软件开发甘特图
            section 设计
            需求                      :done,    des1, 2014-01-06,2014-01-08
            原型                      :active,  des2, 2014-01-09, 3d
            UI设计                     :         des3, after des2, 5d
        未来任务                     :         des4, after des3, 5d
            section 开发
            学习准备理解需求                      :crit, done, 2014-01-06,24h
            设计框架                             :crit, done, after des2, 2d
            开发                                 :crit, active, 3d
            未来任务                              :crit, 5d
            耍                                   :2d
            section 测试
            功能测试                              :active, a1, after des3, 3d
            压力测试                               :after a1  , 20h
            测试报告                               : 48h
    ```
    

    展开全文
  • markdown 教程

    2020-09-04 17:09:30
    markdown 教程 markdown为极简而生! 能够支持标题、代码、HTML、链接、列表等编辑! https://www.pangugle.com/tech/article/markdown/tutorial.html

    markdown 教程

    markdown为极简而生! 能够支持标题、代码、HTML、链接、列表等编辑!

    https://www.pangugle.com/tech/article/markdown/tutorial.html

    展开全文
  • MarkDown教程

    2021-06-03 17:24:53
    博客之路——MarkDown上手教程 前言 ​ 对于博客而言,我们都不陌生,比如CSDN、博客园、简书、知乎等等,这些是我们经常可以见到和使用的一些博客。看着博客上的各路大神分享各种知识,对于我们这些菜鸟和伸手党来...

    博客之路——MarkDown上手教程

    前言

    ​ 对于博客而言,我们都不陌生,比如CSDN博客园简书知乎等等,这些是我们经常可以见到和使用的一些博客。看着博客上的各路大神分享各种知识,对于我们这些菜鸟和伸手党来说简直就是天大的福音。同时,看着大家展示的各种漂亮、精美的博客笔记,自己也会想我要是也能像他们这样把自己的学习笔记漂亮的记录下来,同时分享出去,这一定会极大的激发我们的学习热情。但是,想法很丰满,现实却很骨感,自己注册一个博客账号,开启了博客之旅,却发现自己对MarkDown的编辑语法不了解、不清楚,写的博客总是不能按照自己想要的方式呈现出来,反而觉得还不如用office软件编辑地漂亮。

    ​ 因此,在强大的小破站上,很幸运的找到一个关于MarkDown基本语法的学习教程。借此机会,一边学习MarkDown语法,一边使用MarkDown来记录我的第一篇博客。

    MarkDown文本推荐编辑器:Typora

    Typora是一款轻量级的文本编辑器,免费,界面简单。

    Typora官网界面

    Typora下载及安装

    进入Typora官网后,往下滑动,找到“Download,点击进行下载即可,可以根据你自己的操作系统进行下载。

    在这里插入图片描述

    在这里插入图片描述

    在这里插入图片描述

    下载完成后,就是安装了。Typora的安装就是一键式安装,非常简单。然后打开软件就可以开始使用了。

    在这里插入图片描述

    Typora基本设置

    • 在使用Typora之前,我们需要对Typora软件进行一些初始设置。在文件选项卡下,找到偏好设置。这里可以对外外观编辑器图像MarkDown以及通用进行设置,来定制你独一无二的博客界面。

    在这里插入图片描述

    • 通用选项卡下,我们可以设置一下自动保存开启调试模式调试模式可以让我们更好的进行博客主体的设置。

    在这里插入图片描述

    • 外观选项卡下,我们可以查看主题的css文件,同时如果懂一些csshtml,那么就可以通过修改css文件来自定义自己的主题样式。

    在这里插入图片描述

    • 编辑器设置

    在这里插入图片描述

    • 图像设置,在这里我们可以设置一下插入图片时,将图片复制一份到当前路径下,便于文档的移植。

    在这里插入图片描述

    • MarkDown设置,这可以让我们更好的使用MarkDown来编辑我们的博客,这里可以设置MarkDown的语法,例如公式、缩进、代码行号显示等等。

    在这里插入图片描述

    当把Typora的一些基本设置完成后,就可以开始使用Typora来编辑自己的博客了。

    Markdown基本语法学习

    MarkDown文件的后缀名:xxx.md

    一、标题学习

    # 设置标题的语法
    
    # 一级标题
    ## 二级标题
    ### 三级标题
    #### 四级标题
    ......
    ###### 六级标题
    

    ​ 一级标题:# + 空格 + 文本

    ​ 二级标题:## + 空格 + 文本

    ​ 三级标题:###+ 空格 + 文本

    ​ …

    ​ 六级标题:###### + 空格 + 文本。

    :在Typora中默认支持到6级标题。

    二、字体学习

    # 一些常用的字体操作语法
    
    **hello,world**			# 加粗
    *hello,world*			# 斜体
    *** hello, world***		# 斜体加粗
    ~~hello,world~~			 # 删除线
    
    

    hello,world! ——>加粗:文本两边加上2个星号:**

    hello,world! ——>斜体:文本两边加上1个星号:*

    hello,world! ——>斜体加粗:文本两边加上3个星号:***

    hello,world! ——>删除线:文本两边加上2个波浪号:~~

    三、引用

    # 插入引用的语法
    
    > 需要引用的文本		# 引用:>  + 空格 + 引用文本
    

    生命在于运动

    四、插入水平分隔线

    # 插入分隔线的语法
    
    ---
    或者
    ***
    

    3个减号:—


    3个星号:***


    五、插入图片

    # 插入图片的语法
    
    ![图片名字](图片的路径:可以是本地路径,也可以是网络图片地址)
    

    插入图片的操作如下所示:感叹号 + 中括号(括号里面写名字)+ 圆括号(圆括号里面写路径,可以是本地路径,也可以是网络路径)。对于网络图片而言,会先下载图片到本地文件夹中。这里的感叹号、中括号、圆括号都是英文输入法下的。

    在这里插入图片描述

    在这里插入图片描述

    六、超链接

    # 插入超链接的语法
    
    [超链接显示的名字](需要跳转的页面地址)		# 英文输入法下输入中括号和圆括号
    

    点击跳转到MarkDown视频教程

    :在网页版的博客上,点击超链接会直接跳转到相应的页面,但是在Typora中不会,这是因为MarkDown的语法不支持在链接中打开新页面,这是需要注意的。

    七、列表

    列表分为有序列表和无序列表

    (1)有序列表

    # 有序列表的语法
    数字 + . + 空格(英文输入法下)
    
    1. A
    2. B
    3. C

    (2) 无序列表

    # 无需列表的语法
    减号 + 空格(英文输入法下)
    
    • A
    • B

    八、插入表格

    表格在MarkDown里面是比较复杂的,简单的插入表格方法是在Typora中直接右键插入表格。

    MarkDown的正规语法中插入表格的方法如下:

    # MarKDown插入表格的语法
    名字|性别|生日		# 表头
    --|--|--|			# 分割线
    张三|男|1997.1.1|	  # 内容
    
    名字 性别 生日
    张三 1997.1.1

    :在插入表格时,表头、分割线和内容之间不能有空行,否则回车之后无法生成表格。

    九、插入代码块

    插入各种语言的代码的方法

    # 插入代码框的语法
    ​```<编程语言> + <回车>	# `:为Tab键上面的那个键,英文输入法下输入
    
    如插入Markdown语言的代码:
    ​```markdown
    <回车>
    

    小结

    以上是MarkDown中的一些常用语法,学会和掌握以上语法之后基本上足够去使用MarkDown来编写博客了。

    展开全文

空空如也

空空如也

1 2 3 4 5 ... 20
收藏数 26,598
精华内容 10,639
关键字:

markdown教程