Markdown语法学习 第二次

Markdown 语法学习 第二次

©

4 < 5

4 < 5

markdown 内嵌HTML标签

对于 Markdown 涵盖范围之外的标签，都可以直接在文件里面用 HTML 本身。如需使用 HTML，不需要额外标注这是 HTML 或是 Markdown，只需 HTML 标签添加到 Markdown 文本中即可。

行级内联标签

HTML 的行级內联标签如 <span>、<cite>、<del> 不受限制，可以在 Markdown 的段落、列表或是标题里任意使用。依照个人习惯，甚至可以不用 Markdown 格式，而采用 HTML 标签来格式化。例如：如果比较喜欢 HTML 的 <a> 或 <img> 标签，可以直接使用这些标签，而不用 Markdown 提供的链接或是图片语法。当你需要更改元素的属性时（例如为文本指定颜色或更改图像的宽度），使用 HTML 标签更方便些。

用<span>标签设置文本字体的大小为20px，颜色为草绿色；

HTML 行级內联标签和区块标签不同，在內联标签的范围内， Markdown 的语法是可以解析的。

This word is bold. This word is italic.

区块标签

区块元素──比如

、、
、
 等标签，必须在前后加上空行，以便于内容区分。而且这些元素的开始与结尾标签，不可以用 tab 或是空白来缩进。Markdown 会自动识别这区块元素，避免在区块标签前后加上没有必要的 
 标签。


例如，在 Markdown 文件里加上一段 HTML 表格：


This is a regular paragraph.

<table>
    <tr>
        <td><b>Foo</b> Foo</td>
        <td><em>Baa</em></td>
    </tr>
</table>

This is another regular paragraph.
Foo Foo Baa

请注意，Markdown 语法在 HTML 区块标签中将不会被进行处理。例如，你无法在 HTML 区块内使用 Markdown 形式的*强调*。

对于 HTML 的块级元素 <div>、<table>、<pre> 和 <p>，请在其前后使用空行（blank lines）与其它内容进行分隔。尽量不要使用制表符（tabs）或空格（spaces）对 HTML 标签做缩进，否则将影响格式。

在 HTML 块级标签内不能使用 Markdown 语法。例如 <p>italic and **bold**</p> 将不起作用。

Markdown基本语法至此学习完毕，下面开始学习一下扩展语法。

Markdown表格

要添加表，请使用三个或多个连字符（---）创建每列的标题，并使用管道（|）分隔每列。您可以选择在表的任一端添加管道。

1
2
3
4
| Syntax      | Description |
| ----------- | ----------- |
| Header      | Title       |
| Paragraph   | Text        |

呈现的输出如下所示：

Syntax Description
Header Title
Paragraph Text

单元格宽度可以变化，如下所示。呈现的输出将看起来相同。

1
2
3
4
| Syntax | Description |
| --- | ----------- |
| Header | Title |
| Paragraph | Text |
Syntax Description
Header Title
Paragraph Text

对齐

您可以通过在标题行中的连字符的左侧，右侧或两侧添加冒号（:），将列中的文本对齐到左侧，右侧或中心。

1
2
3
4
| Syntax      | Description | Test Text     |
| :---        |    :----:   |          ---: |
| Header      | Title       | Here's this   |
| Paragraph   | Text        | And more      |

呈现结果如下：

Syntax Description Test Text
Header Title Here's this
Paragraph Text And more

格式化表格中的文字

您可以在表格中设置文本格式。例如，您可以添加链接，代码（仅反引号（`）中的单词或短语，而不是代码块）和强调。

您不能添加标题，块引用，列表，水平规则，图像或HTML标签。

在表中转义管道字符

您可以使用表格的HTML字符代码（&#124;）在表中显示竖线（|）字符。

Syntax Description Test Text
Header Title Here's this |

Markdown 围栏代码：在代码块之前和之后的行上使用三个反引号（(`````）或三个波浪号（~~~）

Markdown基本语法允许您通过将行缩进四个空格或一个制表符来创建代码块。如果发现不方便，请尝试使用受保护的代码块。根据Markdown处理器或编辑器的不同，您将在代码块之前和之后的行上使用三个反引号（(`````）或三个波浪号（~~~）。

1
2
3
4
5
6
7
```
{
  "firstName": "John",
  "lastName": "Smith",
  "age": 25
}
```
1
2
3
4
5
{
  "firstName": "John",
  "lastName": "Smith",
  "age": 25
}

高亮语法：添加代码语言

许多Markdown处理器都支持受围栏代码块的语法突出显示。使用此功能，您可以为编写代码的任何语言添加颜色突出显示。要添加语法突出显示，请在受防护的代码块之前的反引号旁边指定一种语言。

1
2
3
4
5
{
  "firstName": "John",
  "lastName": "Smith",
  "age": 25
}

markdown语法学习笔记

今天学了一些markdown语法，把练习笔记在这里发一下。

markdown语法学习

标题语法：# 标题 总共6级 中间留空格

段落语法：使用空白行将一行或多行文本进行分隔。

换行语法：在一行的末尾添加两个或多个空格，然后按回车键,即可创建一个换行

此处换行了

强调语法1 粗体：**加粗文本** ，

例子：加粗文本；

强调语法2 斜体：*斜体文本*，

例子：斜体文本。

强调语法3粗斜体：***粗斜体文本*** ，

例子：粗斜体文本。

引用语法：要创建块引用，在段落前加： > 符号

这里是一段块引用的内容

多个段落的块引用：在应用段落之间的空白段落前加>；

这是段落引用的第一段

这是段落引用的第二段

嵌套块引用：在要嵌套的段落前添加一个 >> 符号（即两个>）

这是第一级的块引用；

这是第二级的块引用

这是第三级的块引用。

带有其他元素的块引用：块引用可以包含其他 Markdown 格式的元素。并非所有元素都可以使用，你需要进行实验以查看哪些元素有效。

The quarterly results look great!

  • Revenue was off the chart.
  • Profits were higher than ever.

Everything is going according to plan.

列表语法：可以将多个条目组织成有序或无序列表。

有序列表：在每个列表项前添加数字并紧跟一个英文句点，以及空格键。数字不必按数学顺序排列，但是列表应当以数字 1 起始。

  1. 第一序列内容
  2. 第二序列内容
  3. 第三序列内容
  4. 第四序列内容
  1. 第一序列内容
  2. 第二序列内容
  3. 第三序列内容
  4. 第四序列内容

无序列表：在每个列表项前面添加破折号 (-)、星号 (*) 或加号 (+) 。

  • 破折号类无序列表1
  • 破折号类无序列表2
  • 破折号类无序列表3
  • 星号无序列表1
  • 星号无序列表2
  • 星号无序列表3
  • 加号无序列表1
  • 加号无序列表2
  • 加号无序列表3

嵌套列表：缩进一个或多个列表项可创建嵌套列表

  1. 第一序列内容
  2. 第二序列内容
  3. 第三序列内容
    1. 嵌套1
    2. 嵌套2
    3. 嵌套3
  4. 第四序列内容

  • 破折号类无序列表1

  • 破折号类无序列表2

    • 嵌套1
    • 嵌套2
    • 嵌套3

  • 破折号类无序列表3

代码语法：要将单词或短语表示为代码，请将其包裹在反引号 (`) 中（反引号是esc下面那个键）。

HTML语言代码的开始为<HTML>

转义反引号：如果你要表示为代码的单词或短语中包含一个或多个反引号，则可以通过将单词或短语包裹在双反引号(``)中。（即：前后各两个反引号）

Use `code` in your Markdown file.

代码块：将代码块的每一行缩进至少四个空格或一个制表符。

<html>
    <head>
        <title>
        这是HTML文档的标题
        </title>
    </head>
    <body>
    这是HTML文档的正文
    </body>
</html>

围栏代码块：不通过缩进，只在代码块之前和之后的行上使用三个反引号(```）或三个波浪号（~~~）)

1
2
3
4
5
{
  "firstName": "John",
  "lastName": "Smith",
  "age": 25
}

语法高亮：在（```)之后指定代码的语言

1
2
3
4
5
{
  "firstName": "John",
  "lastName": "Smith",
  "age": 25
}
1
2
3
4
5
6
7
8
9
10
<html>
    <head>
        <title>
        这是HTML文档的标题
        </title>
    </head>
    <body>
    这是HTML文档的正文
    </body>
</html>

分割线语法：在单独一行上使用三个或多个星号***、破折号--- 或下划线 ___ ，并且不能包含其他内容。

链接语法：[超链接显示名](超链接地址 "超链接title") 链接title为可选项；

这是我的博客网址：疏影横斜 （含title）
这是我的博客网址：疏影横斜 （不含title）。

网址和Email地址：使用尖括号可以很方便地把URL或者email地址变成可点击的链接。

https://ftosky.eu.org
zcy@ftosky.eu.org

带格式化的链接

1. 强调链接：在链接语法前后增加星号。

这是我的博客 疏影横斜.
这是我的博客 疏影横斜.

2. 将链接表示为代码：在方括号中添加反引号。

这是我的博客 疏影横斜

3. 引用类型的链接：[链接显示文本] [链接标签]

第二组括号中的标签不区分大小写，可以包含字母，数字，空格或标点符号。
这是我的博客网址：疏影横斜

图片语法：![图片alt](图片链接 "图片title")

这是markdown网站的一张例图

图片链接：[![图片alt](图片链接 "图片title")](超链接地址)

实际上是图片语法嵌套入链接语法内
图片链接示例

+++

转义字符语法：要显示原本用于格式化 Markdown 文档的字符，请在字符前面添加反斜杠字符 \

### 这里的井号不显示为标题

可做转义的字符

以下列出的字符都可以通过使用反斜杠字符从而达到转义目的:

Character Name
\ backslash
` backtick (see also escaping backticks in code)
* asterisk
_ underscore
{ } curly braces
[ ] brackets
( ) parentheses
# pound sign
+ plus sign
- minus sign (hyphen)
. dot
! exclamation mark
| pipe (see also escaping pipe in tables

今天先学到这里，标记一下。

学习一下markdown语法

很早就听说过markdown文档了，特别是之前寻找笔记应用的时候，经常看到。但是因为跟工作关系不大，所以就没有深入研究。自从搞了这个web，就不得不学习一些了。

今天在markdown的中文网站上，大致的浏览了一下语法规则，感觉跟HTML语言比起来，要更简单一些，更容易操作一些。

之前用过一段时间的notion笔记，里面也有一些简单的语法，感觉二者比较相似，熟练之后用起来会很方便。

开学第一课

每年暑假后开学的第一周都有一个课程，叫《开学第一课》，在CCTV1直播，还有一些教育相关的频道和平台会播放。

pAV9Fv8.png

今年的主题是《可爱的中国》，这个节目还是很有吸引力的，儿子在那里看的津津有味。

节目内容宏大，概括了国家的各个方面，包括生态、科技、军事、体育等等很多内容。

很有教育意义。

解决 Hexo 部署 Github Pages 自定义域名失效的问题(即使已添加 CNAME）

本文内容来自csdn上的一篇博文，点进去可直接查看原文。这两天更新的时候发现，每次更新后绑定的域名就失效了，要重新进行绑定，在bing上搜索一番后，找到了这篇博文，本站采用了“情形一”的方式解决了问题。以下是原文：

当你自定义 Github Pages 域名时，是否出现了每次hexo deploy，自定义域名都失效的问题呢？以下分两种情况讨论。

情形1：未添加 CNAME

解决方案：

  1. 找到 hexo 博客根目录下的 source 文件夹。注意，不是主题的 source 文件夹。当 hexo 生成静态页面时，根目录下的 source 文件夹中的内容，就会在生成的网页根目录中（你可以在部署到github后，在仓库中查看，此时本地根目录下source文件夹的内容就在仓库的根目下）。
    pAEgpff.png

  2. 新建一个文件，名为 CNAME ，内容为你的域名（不包括www.或http等等）。如图：

pAEgwcD.png

注意：
——- 名为 CNAME，全部大写，没有后缀。
——- 内容只包含一个域名，且不含 www. 或 http 等。
——- 放到根目录下的source文件夹中。

  1. hexo g -d

执行完毕后登陆github，找到仓库，settings，查看域名是否已经更改，或者直接用域名尝试访问。
pAEgW38.png

情形2：已添加 CNAME

解决方案：
  1. 首先进入github仓库查看 CNAME是否出现在根目录中，如图所示：

pAEghjg.png

​ 若没有，则请返回第一种情况，认真检查自己的 CNAME 的路径是否正确。

  1. 若仓库根目录存在 CNAME 文件，请按照以下步骤检查：
    ——- 情形1步骤2中的注意点，是否都符合要求？
    ——- 若感觉符合要求！！！请你务必注意你的文件后缀！！！

首先，看你的电脑是不是把后缀自动隐藏了，虽然你命名时，只输入了CNAME，但是它有可能会自动生成一个后缀，且隐藏。假如你用 mac，用文本编辑，命名为CNAME 保存后，有可能会自动加上后缀，但是 mac又很鬼畜的把后缀给隐藏了！！

pAEg7En.png

一定要注意！！保存时留意一下格式。

其次，如果你发现你文件格式不对，不要直接把它的后缀去掉，有可能会出错。

pAEgO3T.png

如果这样直接修改，表面上是满足要求了，但仍可能出错。

pAEgXgU.png

因为它会认为你的文件已经损坏了，所以你应该重新建好一个 CNAME 无后缀文件，并将其替代。至此问题解决。

新建无后缀文件可以使用touch命令。
使用命令行，cd 到指定目录，然后 touch filename，这样就新建了一个名为filename的无后缀文件。

github域名配置完成

本来以为域名配置会比较复杂，结果超级简单。

先在域名商那里的域名控制面板上给申请的域名增加个cname记录，直接指向在github上的域名。我的域名是ftosky.eu.org，是从eu.org上薅的免费域名，托管在了cloudflare上，直接增加了个cname记录，指向了我原来的域名baoxer.github.io。

初步完成主题配置

昨天晚上忙乎到大半夜，终于找到了一个合适的主题。

主题是从Themes | Hexo上下载的，期间试用了无数个主题，上传上去之后，总是显示乱码、或者是很难看的主题，完全无法接受。

现在使用的是Stellar主题，里面还有许多功能没有搞明白。

第二篇测试文章

这是第二篇测试文章，无实质内容。。。

这是第二篇测试文章，无实质内容。。。

这是第二篇测试文章，无实质内容。。。

这是第二篇测试文章，无实质内容。。。

test-test

这是一篇测试文档，无实质内容。。。

这是一篇测试文档，无实质内容。。。

这是一篇测试文档，无实质内容。。。

这是一篇测试文档，无实质内容。。。

firstarticle

大家好，我是Baoxer！

经过大半天的部署，终于完成了在Github上的个人blog开通。

感谢各路知乎大神的讲解，不过还有许多东西需要学习，网站还需要进一步的完善。

这是我的blog地址，欢迎访问：https://baoxer.github.io