首页 > 其他 > 详细

Markdown教程 <1>

时间:2019-06-24 21:41:13      阅读:103      评论:0      收藏:0      [点我收藏+]

Markdown教程 <1>

本文在本地使用atom编辑后,直接将代码赋值到博客园中的markdown编辑器中生成


1. markdown字体,段落控制

  • 以下引用块里面为源码,引用块下方为效果
*这里是文字(斜体)*
_这里是文字(斜体)_
**这里是文字(加粗)**
***这里是文字(加粗+倾斜)***
~~这里是文字(删除线)~~
$\underline {可以用公式里面的下划线来代替} $
<u> 也可以使用html中的u来实现下划线功能 </u>

这里是文字(斜体)
这里是文字(斜体)
这里是文字(加粗)
这里是文字(加粗+倾斜)
这里是文字(删除线)
$ \underline {可以用公式里面的下划线来代替} $
也可以使用html中的u来实现下划线功能


2. 分级标题

# 一级标题
## 二级标题
### 三级标题
#### 四级标题
##### 五级标题
###### 六级标题
关于一级标题和二级标题还有一种写法

一级标题
================
二级标题
----------------

一级标题

二级标题

三级标题

四级标题

五级标题
六级标题

一级标题

二级标题


3. 列表

> 无序列表与有序列表
* 无序列表1
- 无序列表2
+ 无序列表3

无序列表可以用+,*,-任意一个符号来表示

1. 有序列表1
2. 有序列表2
3. 有序列表4

> 列表嵌套(聊表嵌套通过四个空格或者一个tab缩进形成)


* 计划A
  1.第一个子计划
  2.第二个子计划
  3.第三个子计划
* 计划B
  1.child 1 of plan B
  2.child 2 of plan B

1.weather
  * sunny
  * rinny
  * cloudly

无序列表与有序列表

  • 无序列表1
  • 无序列表2
  • 无序列表3
  1. 有序列表1
  2. 有序列表2
  3. 有序列表4

列表嵌套

  • 计划A
    1.第一个子计划
    2.第二个子计划
    3.第三个子计划
  • 计划B
    1.child 1 of plan B
    2.child 2 of plan B

1.weather

  • sunny
  • rinny
  • cloudly

4. 表格

(1)方法一(使用markdown语法):

| Header One     | Header Two     | Header Three   |
| :------------- | :-------------:| -------------: |
| Item One       | Item Two       | Item Three     |
| Item One       | Item Two       | Item Three     |
| Item One       | Item Two       | Item Three     |

如上述所示,使用|间隔形成表格,其中第二行控制当前列文字的对齐方式
:---- 左对齐
:----: 居中对齐
----: 右对齐
Header One Header Two Header Three
Item One Item Two Item Three
Item One Item Two Item Three
Item One Item Two Item Three

(2)方法二(使用html表格):

<div align="center">
    <table>
        <tr>
          <th rowspan="2">值班 </th>
          <th> 1 </th>
          <th> 1 </th>
          <th> 1 </th>
        </tr>
        <tr>
          <th> 2 </th>
          <th> 2 </th>
          <th> 2 </th>
        </tr>
    </table>
</div>
值班 1 1 1
2 2 2

5. 超链接与图片

  • 超链接形式为[name](url)
  • 图片有两种方法
    1.使用markdown语法![name](url)缺点是不能调节图片大小
    2.使用html语法<img src="url" width="100" height="100"> 可以调节图片大小
[百度](https://www.baidu.com)
<https://www.baidu.com>
<a href="https://www.baidu.com" target="_blank">百度 </a>   支持在新窗口打开链接

![博客园](http://image.bubuko.com/info/201906/20190624214111802549.gif)

<img src="http://image.bubuko.com/info/201906/20190624214111802549.gif" width="500" height="500" alt="这是一张照片">

百度
https://www.baidu.com
百度

技术分享图片

技术分享图片

第一次写博客,以后我会加油的,大家有什么问题或者建议可以留言哦~

Markdown教程 <1>

原文:https://www.cnblogs.com/HandleCoding/p/11079067.html

(0)
(0)
   
举报
评论 一句话评论(0
关于我们 - 联系我们 - 留言反馈 - 联系我们:wmxa8@hotmail.com
© 2014 bubuko.com 版权所有
打开技术之扣,分享程序人生!