基于Hexo和Butterfly创建个人技术博客,(4) 使用通用的Markdown语法编写博客文章

news2024/11/24 10:26:43

Hexo官司网查看 这里

hexo的博文建议是用markdown语法来写,原因markdown简单通用,比如很多博客平台都会提供md编辑器,这样如果我们想把同一篇文章发到多个博客平台上(事实上很多人也是这样做的),md应该是最好的编写方法了,没有之一。

注意

  1. md是个标准,但也允许扩展**,就这造成了各平台对同一份.md的解析有可能不一样,所以本文归纳了通用的 Markdown语法 ,可无障碍应用于Hexo博文创作和主流的博客平台(不包括资源图片和多媒体,这需要用图床的方式来解决);
  2. 特殊的扩展语法笔者已标记且不可用于文章编写,解析后会格式错乱;

一点感受

  • 很多时候提倡百家齐放,但并不是所有事情都如此。比如markdown本身是一个标准,大家都按标准来解析就好了,非要搞什么定制化。定制化也可以用户感受度会更好,但是这类东西技术上没门槛,搞特殊化的公司没实力去统一其它家公司做成国标更别说做成国际标准了,典型的窝里斗,逼迫用户做选择,最后这些差异性还要用户来买单。既然这样那用户只用通用标准来写了,不用你那些所谓的高级功能,这坑我不跳。
  • 上述感受的反例,大家可以了解下Amzon电商的商品页设计。同一个SKU只允许一个商品展示页且只允许一个商家来修改,其它商家只能在服务体验上做差异化展示。在运营过程中此SKU的归属是依靠商家运营的评分动态变化的。个人感觉就这非常不错,引导商家不要搞花里虎哨的宣传,多花些时间和精力在服务品质和服务质量上。

一点个人感受只代表个人,不要吐槽,我们还是回到技术上来。

本章目标:
掌握全部通用的markdown语法,因为在日后我们不能一边写文章一边查文档,笔者大概写了两篇文章后就基本熟记了这些语法内容,还是比较简单的。

此文我会分3块内容来重新组织md语言的通用语法,方便大家查找。

元素

1. 字体 index

  • 斜体 :斜体文本斜体文本 *斜体文本*,_斜体文本_
  • 粗体 :加粗文本加粗文本 **加粗文本**, __加粗文本__
  • 粗斜体:粗斜体文本粗斜体文本 ***粗斜体文本***, ___粗斜体文本___
  • 删除线带下划线文本 ~~删除线~~ , <u>带下划线文本</u>
  • 字体字号:红色字体红色字体<font color="red">红色字体</font> <font size=4>4号,正常3号,取值1-7</font>
  • 段落:# 标题,最多6级即6个#

2. 段落格式 index

  • 换行方式 : 末尾添加两个空格 或 使用空行来换行

3.使用 HTML 元素 index

方法是直接书写,比如 这里换行→<br>blah, blah, blah。解析后<br>就起到了换行的作用。

1. 目前支持的 HTML 元素有:<kbd> <b> <i> <em> <sup> <sub> <br>等  
2. 转义:使用反斜杠 \,比如\\
 \ * _ {} [] () # + - . ! `
3. 公式:用$$,比如 $f(x) = sin(x) + 12$

4. 图片 index

  • 简单格式:![alt](https://www.baidu.com/img/aaa.png)
  • 指定大小: <img decodeing="async" src="https://www.baidu.com/img/aaa.png" width="50%">

(非标准)CSDN扩展的图片样式:

尺寸:aaa.png=60x60
等经缩放:宽度固定:aaa.png=60x, 高度固定 aaa.png=x60
居中:aaa…png#pic_center 或 pic_right 或 aaa.png#pic_center =60x60

5.分隔线 index

分隔线需要注意,有时分隔线不显示,那么在分隔线标识符上或下方多加一行空行就好了。

--- 或 ***

内容块

1.列表 index

  • 列表:使用星号(*)、加号(+)或是减号(-)作为列表标记,这些标记后面要添加一个空格,然后再填写内容:
+ 序列表
- 序列表
* 序列表
1. 有序列表:数字+点
- [ ] 计划任务
- [x] 完成任务
  • 列表嵌套
+ 无序列表 : * + -
  + 列表嵌套 : 子列前添加4空格或制表符
  • (非标准)自定义列表:自定义列表无列表符: John

2.区块 index

一个 > 符号是最外层,两个 > 符号是第一层嵌套,以此类推,最好嵌套一层,如果多层的话很多解析器不支持。:

> 区块嵌套
> > 一层嵌套
> > > 二层嵌套

例1:区块嵌套

一层嵌套

3.代码块 index

  • 行代码:用``,比如printf() 函数
  • 代码块:```包裹一段代码,并指定一种语言,最后以再三个```结尾,比如```java ```
$(document).ready(function(){
    alert('')
})

4.表格 index

表格使用 | 来分隔不同的单元格,使用 - 来分隔表头和其他;

| 表头   | 表头  |
| ----  | ----  | # 变换对齐方式 | ---: | :---: | :---| 
| 单元格 | 单元格 |
| 单元格 | 单元格 |  
表头表头
单元格单元格
单元格单元格

交互

1.页内跳转 index

  • 方式一:
<a id="table1">详细说明文档</a>    //要跳转的位置,id = 标识符
[go to detail](#table1)   //在需要跳转的地方引用,点击即可实现跳转
  • 方式二:
<a id="table1">详细说明文档</a> 		#要跳转的位置,id = 标识符
<a href="#table1">go to detail</a>	#在需要跳转的地方引用,点击即可实现跳转

2. 超链接 index

  • 方式1:korg8 , [korg8](http://www.korg8.com)
  • 方式2:https://baidu.com , <https://baidu.com>
  • 方式2 : korg8-index:跳转到korg8主页
[korg8-index]:跳转到korg8主页 # 下面一定要有一个空行

[korg8-index]: https://github.com/hexojs/hexo-fs

3.脚注(非标准) index

显示样式在页面最下面,用分隔线隔开,可看本教程文档最下面的样式。
一个具有注脚的文本。1一个具有注脚的文本2

一个具有注脚的文本。[^1]

[^1]: 注脚的解释

特殊网站的标签(非标准)

![master version](https://img.shields.io/github/package-json/v/jerryc127/hexo-theme-butterfly/master?color=%231ab1ad&label=master)
![master version](https://img.shields.io/github/package-json/v/jerryc127/hexo-theme-butterfly/dev?label=dev)
![https://img.shields.io/npm/v/hexo-theme-butterfly?color=%09%23bf00ff](https://img.shields.io/npm/v/hexo-theme-butterfly?color=%09%23bf00ff)
![hexo version](https://img.shields.io/badge/hexo-5.3.0+-0e83c)
![license](https://img.shields.io/github/license/jerryc127/hexo-theme-butterfly?color=FF5531)

上会代码会显示如下图所示:
在这里插入图片描述


  1. 注脚的解释1 ↩︎

  2. 注脚的解释2 ↩︎

本文来自互联网用户投稿,该文观点仅代表作者本人,不代表本站立场。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如若转载,请注明出处:http://www.coloradmin.cn/o/644651.html

如若内容造成侵权/违法违规/事实不符,请联系多彩编程网进行投诉反馈,一经查实,立即删除!

相关文章

目标检测数据集---交通信号数据集

✨✨✨✨✨✨目标检测数据集✨✨✨✨✨✨ 本专栏提供各种场景的数据集,主要聚焦:工业缺陷检测数据集、小目标数据集、遥感数据集、红外小目标数据集,该专栏的数据集会在多个专栏进行验证,在多个数据集进行验证mAP涨点明显,尤其是小目标、遮挡物精度提升明显的数据集会在该…

js控制台 console.log 输出美化,及其他操作

1.格式美化 console.log(%c红色%c蓝色%c绿色, color: red;, color: blue;, color: green;) console.log(%c一段文字\n换行一下\n%c SmileSay %c 版本&#xff1a;1.0.0 ,color: #3eaf7c; font-size: 16px;line-height:30px;,background: #35495e; padding: 4px; border-radius…

数仓数据质量保障方法

一、有赞数据链路 1、数据链路介绍 首先介绍有赞的数据总体架构图&#xff1a; 自顶向下可以大致划分为应用服务层、数据网关层、应用存储层、数据仓库&#xff0c;并且作业开发、元数据管理等平台为数据计算、任务调度以及数据查询提供了基础能力。 以上对整体架构做了初步…

射频电路layout总结

射频电路板设计由于在理论上还有很多不确定性&#xff0c;因此常被形容为一种“黑色艺术”&#xff0c;但这个观点只有部分正确&#xff0c;RF电路板设计也有许多可以遵循的准则和不应该被忽视的法则。在实际设计时&#xff0c;真正实用的技巧是当这些准则和法则因各种设计约束…

OpenCV(图像处理)-基于Oython-滤波器(低通、高通滤波器的使用方法)

1.概念介绍2. 图像卷积filter2D() 3. 低通滤波器3.1 方盒滤波和均值滤波boxFilter()blur() 3.2 高斯滤波&#xff08;高斯噪音&#xff09;3.3 中值滤波&#xff08;胡椒噪音&#xff09;3.4 双边滤波 4. 高通滤波器4.1Sobel&#xff08;索贝尔&#xff09;&#xff08;高斯&am…

软考A计划-系统架构师-知识点汇总-下篇

点击跳转专栏>Unity3D特效百例点击跳转专栏>案例项目实战源码点击跳转专栏>游戏脚本-辅助自动化点击跳转专栏>Android控件全解手册点击跳转专栏>Scratch编程案例点击跳转>软考全系列 &#x1f449;关于作者 专注于Android/Unity和各种游戏开发技巧&#xff…

​Agile与Scrum的比较

作者| Deepali chadokar Agile和Scrum是软件开发中经常使用的两个相关概念。Agile是一个概括性的术语&#xff0c;包含了一组软件开发的价值观和原则&#xff0c;而Scrum是Agile方法中的一个特定框架。 Agile强调协作、灵活性和适应性&#xff0c;以及应对变化的能力。此外&…

Vue中 echarts响应式页面变化resize()

前言 Vue项目中开发数据大屏&#xff0c;使用echarts图表根据不同尺寸的屏幕进行适配 BUG&#xff1a;当页面进行缩放时图表大小没有变化 使用到的方法&#xff1a; resize() 调用echarts中内置的resize函数进行自适应缩放&#xff0c;然后添加监控&#xff0c;页面销毁时删掉…

Zabbix“专家坐诊”第195期问答汇总

问题一 Q&#xff1a;麻烦请教一下zabbix服务器总是上报这几个告警&#xff0c;需要处理嘛&#xff1f;怎么处理&#xff1f; A&#xff1a;同步历史数据进程负载过高的话会影响到server的性能&#xff0c;建议增加服务器硬件配置。 Q&#xff1a;是需要增加哪方面的配置&…

ISO21434 威胁分析和风险评估方法(十二)

目录 一、概述 二、目标 三、资产识别 3.1 输入 3.1.1 先决条件 3.1.2 进一步支持信息 3.2 要求和建议 3.3 输出 四、威胁场景识别 4.1 输入 4.1.1 先决条件 4.1.2 进一步支持信息 4.2 要求和建议 4.3 输出 五、影响等级 5.1 输入 5.1.1 先决条件 5.1.2 进一…

制造业如何进行数字化转型?这个解决方案能帮你!

制造业如何有效实现数字化&#xff1f;制造业企业数字化的趋势已成必然&#xff0c;那么&#xff0c;如何进行制造业企业的数字建设成为各传统制造业企业的探索方向。 于是&#xff0c;我们团队在调研了数百家企业之后&#xff0c;形成了这套制造业数字化从0到1&#xff0c;从…

一文让你用上Xxl-Job 顺带了解cron表达式

文章目录 1.定时任务框架-xxljob1.1 Xxljob介绍1&#xff09;xxljob概述2&#xff09;XXL-JOB特性3) 整体架构4&#xff09;入门资料准备 1.2 xxljob快速入门1&#xff09;导入xxljob工程2&#xff09;配置数据库1.初始化SQL脚本2.配置数据库环境3.业务处配置任务注册中心 3&am…

【色度学】光学基础

1. 光的本质 &#xff08;1&#xff09;波长不同的可见光&#xff0c;引起人眼的颜色感觉不同。 &#xff08;2&#xff09;人们观察到的颜色是物体和特有色光相结合的结果&#xff0c;而不是物体产生颜色的结果。 2. 光度量 【ISP】光的能量与颜色&#xff08;1&#xff0…

【学术探讨】万能密码原理剖析

「作者主页」&#xff1a;士别三日wyx 「作者简介」&#xff1a;CSDN top100、阿里云博客专家、华为云享专家、网络安全领域优质创作者 「推荐专栏」&#xff1a;对网络安全感兴趣的小伙伴可以关注专栏《网络安全入门到精通》 【万能密码】&#xff0c;顾名思义&#xff0c;就是…

ArcGIS提取水系并进行生态敏感性分析

1、前言 &#xff0c;这篇是用ArcGIS进行水系提取&#xff0c;与前者的区别是上篇一般是对遥感影像进行处理&#xff0c;准确性较高&#xff1b;这篇是讲在没有遥感影像的情况下&#xff0c;用DEM进行水系的提取&#xff0c;一般与实际水系有差别&#xff0c;准确性较低。但是…

rm 命令的使用以及指定不删除某些文件

目录 1、删除单个文件 2、强制删除文件&#xff0c;无需确认 3、删除文件夹 4、删除目录下全部文件&#xff0c;包括文件夹 5、删除全部文件&#xff0c;但保留readme.txt 6、删除全部文件&#xff0c;保留1.txt和2.txt 7、使用find grep xargs命令来删除 8、删除全部…

把手伸向大数据平台的云原生,是如何将大数据平台迁移至K8s上的?

我们正身处数据大爆炸的时代&#xff0c;据IDC数据显示&#xff0c;仅在2022年&#xff0c;人类就将创造超过97ZB的数据&#xff1b;要知道截至2012年&#xff0c;人类生产的所有印刷材料的数据量为200PB&#xff0c;仅为2022年一年所创造数据量的50万分之一。据预测&#xff0…

目标检测数据集---工业铝片表面缺陷数据集

✨✨✨✨✨✨目标检测数据集✨✨✨✨✨✨ 本专栏提供各种场景的数据集,主要聚焦:工业缺陷检测数据集、小目标数据集、遥感数据集、红外小目标数据集,该专栏的数据集会在多个专栏进行验证,在多个数据集进行验证mAP涨点明显,尤其是小目标、遮挡物精度提升明显的数据集会在该…

Echarts—根据地理坐标被标注的中国地图(标记可以自定义为图片)

中国地图 实现效果图创建echartChina.vue组件使用echartChina.vue组件修改标记图标为图片 实现效果图 这是一个有阴影的,并且根据坐标点被标记的地图展示&#xff0c;下面我们就把实现的代码贴出来&#xff0c;老样子&#xff0c;还是开袋即食&#xff01; 创建echartChina.vu…

matlab求解方程和多元函数方程组

核心函数solve 一般形式 Ssolve(eqns,vars,Name,Value) &#xff0c;其中&#xff1a; eqns是需要求解的方程组&#xff1b; vars是需要求解的变量&#xff1b; Name-Value对用于指定求解的属性&#xff08;一般用不到&#xff09;&#xff1b; S是结果&#xff0c;对应于v…