博客写作知识点样例

你的身影已远离了我的梦境。

  • 链接
    http://yuqianglianshou.com
    [http://yuqianglianshou.com](http://yuqianglianshou.com) 
    

  • 图片
    百分比代表占整个宽的百分比。以width为准,高随宽度百分比变化,height设置无效。
    美图
    ![](/images/avatar.jpg){:width="40%" height="40%"}   
    

  • 代码
     npm install -g ionic  
    
npm install -g node-sass 

  • 加粗
    山脚人多,我们山顶见。
    **山脚人多,我们山顶见。**
    

  • 指定字体
     我是主角,怎么能死?
    &nbsp;<font face="楷体">我是主角,怎么能死?</font>
    

  • 引用

    我会在这个世界美丽地挣扎到底。

    > 我会在这个世界美丽地挣扎到底。

  • 斜体
    读书,什么时候都不晚。
    ***读书,什么时候都不晚。***
    

  • 表格
name 111 222 333 444
aaa bbb ccc ddd eee
fff ggg hhh iii 000
| name  |  111  |  222  |  333  |  444  |
| :---: | :---: | :---: | :---: | :---: |
|  aaa  |  bbb  |  ccc  |  ddd  |  eee  |
|  fff  |  ggg  |  hhh  |  iii  |  000  |

1)|、-、:之间的多余空格会被忽略,不影响布局。
2)默认标题栏居中对齐,内容居左对齐。
3)-:表示内容和标题栏居右对齐,:-表示内容和标题栏居左对齐,:-:表示内容和标题栏居中对齐。
4)内容和|之间的多余空格会被忽略,每行第一个|和最后一个|可以省略,-的数量至少有一个。


  • 举个例子来说,假如我们的文档结构如下:
    1
    1-1
    1-2
    2
    2-1
    2-1-1
    2-1-2
    2-2
    Markdown在使用有序列表和无序列表的时候,如果中间插入其他内容(甚至是子层级的内容),有序列表的自动编码功能以及无序代码的层级功能会遇到问题。因为计算机不知道你的层级是什么样子的!解决方法是,有点类似于编程中,通过缩进对齐的方式(通过Tab键),最外层同级别的不需要缩进,然后下一级的都缩进一次(点一次Tab),然后如果还继续细分下一层,那么输入的时候就缩进两次。 第一次测试:(Tab键以[Tab]展示,空格以[空格]展示)
    1.[空格]测试文字1
    [Tab]-[空格]测试文字1-1
    [Tab]-[空格]测试文字1-2
    2.[空格]测试文字2
    [Tab]-[空格]测试文字2-1
    [Tab][Tab]-[空格]测试文字2-1-1
    [Tab][Tab]-[空格]测试文字2-1-2
    [Tab]-[空格]测试文字2-2
    结果如下:
    测试文字1
    测试文字1-1
    测试文字1-2
    测试文字2
    测试文字2-1
    测试文字2-1-1
    测试文字2-1-1
    测试文字2-2
    正确
    二.第二次测试(测有序列表的自动编码):
    (Tab键以[Tab]展示,空格以[空格]展示)
    1.[空格]测试文字1
    [Tab]1.[空格]测试文字1-1
    [Tab]1.[空格]测试文字1-2
    2.[空格]测试文字2
    [Tab]1.[空格]测试文字2-1
    [Tab][Tab]-[空格]测试文字2-1-1
    [Tab][Tab]-[空格]测试文字2-1-2
    [Tab]1.[空格]测试文字2-2
    结果如下:
    测试文字1
    测试文字1-1
    测试文字1-2
    测试文字2
    测试文字2-1
    测试文字2-1-1
    测试文字2-1-2
    测试文字2-2
    正确