MrkDown+Hexo语法
Markdown 语法
在编写 Markdown 时,博主强烈的推荐给大家一款简洁易用的 Markdown 编辑器 —— Typora
按照官方的说法就是 简单而强大,它不仅支持原生的语法,也支持对应的快捷键,更重要的是它还可以 实时预览
这里附上 Typora 的下载地址:https://www.typora.io/,有兴趣的朋友可以下载来试试
好,下面开始进入正题,介绍一些常用的 Markdown 语法
(1)标题
Markdown 语法:
# 一级标题 |
Typora 快捷键:
Ctrl+1:一级标题
Ctrl+2:二级标题
Ctrl+3:三级标题
Ctrl+4:四级标题
Ctrl+5:五级标题
Ctrl+6 :六级标题
Ctrl+0:段落
(2)粗体、斜体、删除线和下划线
Markdown 语法:
*斜体* |
Typora 快捷键:
Ctrl+I:斜体
Ctrl+B:粗体
Ctrl+U:下划线
Alt+Shift+5:删除线
(3)引用块
Markdown 语法:
> 文字引用 |
Typora 快捷键: Ctrl+Shift+Q
(4)代码块
Markdown 语法:
`行内代码` |
多行代码
多行代码
Typora 快捷键:
行内代码:Ctrl+Shift+`
多行代码:Ctrl+Shift+K
(5)公式块
Markdown 语法:
$$ |
Typora 快捷键: Ctrl+Shift+M
(6)分割线
Markdown 语法:
方法一:--- |
(7)列表
Markdown 语法:
1. 有序列表项 |
Typora 快捷键:
有序列表项:Ctrl+Shift+[
无序列表项:Ctrl+Shift+]
(8)表格
Markdown 语法:
表头1|表头2 |
Typora 快捷键: Ctrl+T
(9)超链接
Markdown语法:
方法一:[链接文字](链接地址 "链接描述") |
Typora快捷键: Ctrl+K
(10)图片
Markdown语法:
![图片文字](图片地址 "图片描述") |
例如:
Typora快捷键: Ctrl+Shift+I
说明:在 Hexo中 插入图片时,请按照以下的步骤进行设置
将 站点配置文件 中的 post_asset_folder 选项的值设置为 true
在站点文件夹中打开 git bash,输入命令 npm install hexo-asset-image –save 安装插件
这样,当使用 hexo new title 创建文章时,将同时在 source/_post 文件夹中生成一个与 title 同名的文件夹,我们只需将图片放进此文件夹中,然后在文章中通过 Markdown 语法进行引用即可
例如,在资源文件夹(就是那个与 title 同名的文件夹)中添加图片 example.PNG,则可以在对应的文章中使用语句 添加图片
添加图片
3、高级设置
(1)模板设置
当我们使用命令 hexo new “title” 创建文章时,Hexo 会根据 /scaffolds/post.md 对新文章进行初始化
换言之,/scaffolds/post.md 就是新文章的 模板,所以我们可以修改它来适应自己的写作习惯
一个简单的示例如下:
title: MrkDown+Hexo语法
date: 1684095234000
tags:
categories:
(2)头部设置
在每篇利用 Hexo 创建的文章的开头,都会有对文章进行说明的文字,叫做 文章头部
文章的头部除了可以设置文章标题、发布日期等基础信息外,还可以为文章添加标签、分类等
一个简单的示例如下:
title: Title
date: YYYY-MM-DD HH:MM:SS
tags: [tag1, tag2, …]
categories: category
注意:属性和属性值之间必须有一个空格,否则会解析错误
(3)首页显示
在利用 Hexo 框架搭建的博客网站中,首页会显示文章的内容,且默认显示文章的全部内容
如果当文章太长的时候就会显得十分冗余,所以我们有必要对其进行精简
这时,我们只需在文章中使用 标志即可,表示只会显示标志前面的内容
三、部署发布
在站点文件夹中打开 git bash,输入如下命令部署和发布文章
$ hexo g -d
1
建议:在使用 hexo g 部署之后,可以先使用 hexo s 运行本地站点,然后在浏览器输入地址 http://lacolhost:4000/ 查看运行结果,检查无误后再使用 hexo d 发布