Markdown学习笔记(三)

博客近况

  • 刚开始想的是添加一个多标签预览的tags页面,但是后来想到其实这个页面应该是完成分类功能的,所以干脆把新建的标签页面删掉,创建分类页面。
  • 自己用PS设计了一下博客的logo,然后在比特虫上做成了ico文档
  • 上周在于老板友链善良单纯的板的指导下成功的解决了about页面头像路径问题,也算是一点点小小的进步了,后面可能还会建立一个趣玩页面,放一些好玩的网站和大家一起耍一耍——

消停一会儿?

今天回想了一下,突然发现已经第十三周,,结束了,突然发现gay论快要考试了,机原、材力、电子技术、流力大军压境,而且nb的是这几门课竟然通通有实验,厉害了,我的课!!!啊哦,好像还有课设,完了,可能6月份就要去闭关修炼了呀


下面是正事儿

Markdown区块

  • 段落开头使用>符号,后面紧跟一个空格符号:
1
2
3
> 区块引用
> 菜鸟教程
> 学的不仅是技术更是梦想

显示结果如下:

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

  • 区块可以嵌套使用,如下
1
2
3
> 最外层
> > 第一层嵌套
> > > 第二层嵌套

显示效果如下:

最外层

第一层嵌套

第二层嵌套

  • 区块中使用列表
1
2
3
4
5
6
> 区块中使用列表
> 1.第一项
> 2.第二项
> + 第一项
> + 第二项
> + 第三项

显示结果如下:

区块中使用列表
1.第一项
2.第二项

  • 第一项
  • 第二项
  • 第三项
  • 列表中使用区块

列表中内嵌区块,需要在>前添加四个空格的缩进:

1
2
3
4
* 第一项
> 菜鸟教程
> 学的不仅是技术更是梦想
* 第二项

显示结果如下:

  • 第一项

    菜鸟教程
    学的不仅是技术更是梦想

  • 第二项

Markdown代码

  • 一个函数或片段代码使用反括号( ` )包起来,如:
1
`print()` 函数

显示结果如下:

print()函数

  • 代码区块:使用```包裹一段代码,并指定一种语言(可选),实例如下:

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

显示结果如下:

1
2
3
$(document).ready(function () {
alert("RUNOOB");
});

Markdown链接

  • 链接使用方法如下:
1
2
3
4
5
[链接名称](链接地址)

或者

<链接地址>

例如这是一个链接:

这是一个链接, 菜鸟教程

  • 直接使用链接地址
1
<https://www.runoob.com>

显示结果如下:

https://www.runoob.com

  • 高级链接

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

显示结果如下:

链接也可以用变量来代替,文档末尾附变量地址:
这个链接用 1 作为网址变量 Google
这个链接用 runoob 作为变量 Runoob
然后在文档末尾为变量赋值(网址)


Markdown图片

  • Markdown图片语法格式如下:
1
2
3
![alt 属性文本](图片地址)

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

实例如下:

菜鸟教程

  • 同样可以像网址那样使用变量
1
2
3
4
这个链接 1 作为图片地址变量 [菜鸟教程][1]
然后在文档的结尾位置为变量赋值(地址)

[1]: /../images/0014.jpg

显示结果如下:

这个链接 1 作为图片地址变量 菜鸟教程
然后在文档的结尾位置为变量赋值(地址)

  • Markdown暂时还没有办法制定图片的高度于宽度,如果你需要的话你可以使用普通的<img>标签

<img src="/../images/0014.jpg" width="50%">

显示结果如下:

Markdown表格

  • Markdown制作表格使用 | 来分隔不同的的那远哥,使用 - 来分隔表头和其他行

  • 语法格式如下:

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

显示结果如下:

表头 表头
单元格 单元格
单元格 单元格
  • 我们还可以设置对其方式:

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

实例:

左对齐 右对齐 居中对齐
单元格 单元格 单元格
123456789 123456789 123456789

Markdown高级技巧

支持HTML元素

  • 不在Markdown涵盖范围之内的标签,都可以直接在文档里面用HTML撰写
  • 目前支持的HTML元素有:<kdb> <b> <i> <em> <sup> <sub> <br>等,如:

使用 Ctrl+Alt+Del重启电脑

转义

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

显示结果为:

文本加粗

** 正常显示星号 **

  • Markdown支持以下这些符号前面加上反斜杠来帮助插入普通的符号:
1
2
3
4
5
6
7
8
9
10
11
12
  反斜线
` 反引号
* 星号
_ 下划线
{} 花括号
[] 方括号
() 小括号

+ 加号
- 减号
. 英文句点
! 感叹号

公式

  • 需要在编辑器中插入数学公式时,可以使用两个美元符号$$包裹TeXLaTeX格式的数学公式来实现,提交后,问答或文章页会根据需要加载Mathjax 对数学公式进行渲染,如:
1
2
3
4
5
6
7
8
$$
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}
$$tep1}{style{visibility:hidden}{(x+1)(x+1)}}
$$

显示结果为:

$$
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}
$$tep1}{style{visibility:hidden}{(x+1)(x+1)}}
$$

前段时间看到国外有一个大神在github上开源了自己用Markdown记录的数学笔记来着好像,写了三篇,终于赶在6月份结束之前把菜鸟教程上Markdown教程学完了,接下来的5月份可能就会去全力复习准备即将到来的各种期末考试,可能下个月不会写文章了,之前没做自己的博客之前看别人的博客总是觉得,唉,这人怎么一个月才写三四篇博客,后来才发现,写一篇完善的博客文章是有多麻烦,多么的耗费时间,而这些都得你自己去抽空挤出来时间去干,更何况写一篇技术性的文章还得提前准备很多的额资料,文档(图片啥的),不过还好,总算时知道了该去怎幺正常的维护一个博客,如何安排写文章的时间,写文章之前要做哪些准备,一篇文章布局的调整等等,期待暑期一始