基于hexo博客,运用markdown编写博客


文章来源:
个人博客 翔仔年轻有力量:https://passionzz.cn

Markdown介绍


Markdown是一种轻量级标记语言,创始人是约翰·格鲁伯(John Gruber)。它允许人们 “使用易读易写的纯文本格式编写文档,然后转换成有效的 HTML 文档。
来自维基百科

通俗的来说,它就是一个利用各种常用符号来帮助作者更方便更快捷的来进行博客的写作,让博客更具可观性。而常用的符合包括:#、>、-、*、!、[]、` 、| ,它们各自对应的使用为多级标题、引用、无序列表及分割线,字体形式,引用图片,超链接,代码引用,表格。(以上用法包括但不限于,以下将详细介绍)

标题


在 Markdown 中,你只需要在文本前面加上 # 即可,同理、你还可以增加二级标题、三级标题、四级标题、五级标题和六级标题,总共六级,只需要增加 # 即可,标题字号相应降低。具体表现如下:

在这里插入图片描述

注:此处标题文本与‘#’间需要保留一个字符空格,实际上对于markdown来说,大部分的符号与文本之间都建议保留空格以达成使用

区块引用


Markdown 区块引用是在段落开头使用 > 符号,然后后面紧跟一个空格符号,同时区块也允许嵌套。
编辑器输入:

在这里插入图片描述
显示效果:
在这里插入图片描述
另外,在markedown中,区块引用与列表允许相互包含使用,如区块中使用列表、列表中使用区块,详细可以参考 [菜鸟教程]https://www.runoob.com/markdown/md-link.html

列表


Markdown 支持有序列表和无序列表。

无序列表

无序列表使用星号(*)、加号(+)或是减号(-)作为列表标记:
在这里插入图片描述

有序列表

有序列表使用数字并加上 . 号来表示,如:

在这里插入图片描述

文本操作


  1. 换行
    如果直接在编辑器中换行,会发现预览中并不能换行
    markdown中的换行,需要使用两个以上的空格同时加上回车以实现。或是使用两个空格实现间隔一行空行。

  2. 字体
    markdown中的字体形式有以下三种:斜体、粗体、粗斜体,通过(*)或(_)来使用

  3. 分割线
    你可以在一行中用三个以上的星号、减号、底线来建立一个分隔线,行内不能有其他东西。你也可以在星号或是减号中间插入空格。

  4. 删除线
    如果段落上的文字要添加删除线,只需要在文字的两端加上两个波浪线 ~~ 即可

  5. 下划线
    下划线可以通过 HTML 的<u>标签来实现

    具体显示效果如下:
    在这里插入图片描述

代码高亮


当正文中有小个片段的函数或代码需要高亮时,可使用反引号(`)或是html标签<kbd></kbd>来实现高亮。

而对于代码区块高亮,可使用三个反引号(```)来实现(可跟随语言名称来指定)

效果如下:
在这里插入图片描述

超链接与图片


超链接与图片引用的语法格式类似,都有方括号加上普通括号[名称属性](地址)
而区别在于图片的引用格式前需要加感叹号,即![名称属性](地址)

效果如下:
在这里插入图片描述
注:此处显示本地图片地址应位于hexo博客文件夹中的对应/theme/主题/source/img中
虽然在编辑器中无法显示图片,但能够部署到博客中

表格


Markdown 制作表格使用|来分隔不同的单元格,使用-来分隔表头和其他行。
而对齐方式的设置格式为
-: 设置内容和标题栏居右对齐。
:- 设置内容和标题栏居左对齐。
:-: 设置内容和标题栏居中对齐。

效果如下:
在这里插入图片描述

References


  1. 菜鸟教程<www.runoob.com>
  • 0
    点赞
  • 3
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值