Try your best

Markdown初识

字数统计: 885阅读时长: 3 min
2022/12/24

编写文章(基于Markdown)

1.Markdown简介

但是在我们正式写下我们文章的第一个文字时,我们需要了解一下什么是 Markdown:

Markdown是一种可以使用普通文本编辑器编写的标记语言,通过简单的标记语法,它可以使普通文本内容具有一定的格式

基于Markdown的简洁性,它已经成为了目前世界上最流行的用于书写博客的语言。

2.Markdown语法

在了解Markdown 语法之前,博主十分强烈推荐csdn编辑器markdown,十分方便好用,还可以实时预览。

(1)标题

Markdown 语法:

1.# 一级标题


2.## 二级标题


3.### 三级标题


4.#### 四级标题


5. ##### 五级标题

6. ###### 六级标题

(2)粗体、斜体、删除线和下划线

Markdown语法:

1. 斜体
斜体

2.粗体

粗体

3.加粗斜体

*** 加粗斜体 ***

4.删除线

~~ 删除线 ~~

Typora快捷键

ctrl+b: 粗体

##(3)引用快
Markdown 语法:

‘>’文字引用

Typora快捷键: ctrl+shift +q

##(4)代码块
Markdown语法:

``1.行内代码

``行内代码

···2.···

···

3.多行代码

4.多行代码

5.```

##(5)代码块
Markdown语法:

$$
math
$$

##(6)分割线
Markdown语法:

1.方法一:—

2.方法二:+++

3.方法三:***

使用以上三种方法都可以

##(7)列表
Markdown语法:

1 有序列表项

*无序列表项

+无序列表项

##(8)表格
Markdown语法:

表头1|表头2

-|-|-

内容11|内容12

内容21|内容22

##(9)超链接
Markdown语法:

``方法一:【链接文字】(链接地址“链接描述”)

``例如:【我的博客】(https://johnson.github.io/ “我的博客”)

``方法二:《链接地址》

``例如:《https://johnson.github.io》

(10)超链接

Markdown语法:

``1 ![图片](图片地址 “图片描述”)

``2 例如:!【示例图片】(https://www.example.com/example.PNG “示例图片”)

说明:在Hexo中插入图片时,请按照以下步骤进行设置
(1)将站点配置文件中的 post_asset_folde选项设置成 true
(2)在站点文件夹中打开 git bash,输入命令 npm install hexo-asset-image –save安装插件
(3)此时使用 hexo new title 创建文章时,将同时在 source/_post 文件夹中生成一个与 title 同名的文件夹,我们只需将待添加的图片放进此文件夹中,然后在文章中通过 Markdown 语法进行引用即可
例如,在资源文件夹(就是那个与 title 同名的文件夹)中添加了图片 example.PNG,则可以在对应的文章中使用语句示例图片 添加图片

好了,常用的 Markdown 语法至此我们已经基本学习完毕了,然后我们就可以根据这些语法去书写我们的博客内容啦,下面再提供几个比较

高级的玩法:

(1)模板设置
当我们使用命令hexo new “title” 去创建我们的文章时,Hexo 会根据 /scaffolds/post.md 文件对新建文件进行初始化,换言之,/scaffolds/post.md 文件就是创建新文章的模板,所以我们可以修改它来适应自己的写作习惯,一个简单的示例如下:

  1|title:{{ title }}  
  2|date: {{ date }}              
  3|tags:                 
  4|categories:                 
  5|

(2)头部设置
在每一篇博客文章的开头都会有对文章的说明文字,叫做 文章头部,文章的头部除了可以设置文章标题、发布日期等基础信息外,还可以对文章添加标签、分类等,一个简单的示例如下

CATALOG
  1. 1. 编写文章(基于Markdown)
    1. 1.1. 1.Markdown简介
    2. 1.2. 2.Markdown语法
    3. 1.3. (1)标题
  2. 2. 1.# 一级标题
    1. 2.1. 2.## 二级标题
      1. 2.1.1. 3.### 三级标题
        1. 2.1.1.1. 4.#### 四级标题
          1. 2.1.1.1.1. 5. ##### 五级标题
            1. 2.1.1.1.1.1. 6. ###### 六级标题
    2. 2.2. (2)粗体、斜体、删除线和下划线
    3. 2.3. (10)超链接