百度360必应搜狗淘宝本站头条
当前位置:网站首页 > 热门文章 > 正文

Markdown从小白到精通

bigegpt 2024-09-16 12:20 4 浏览

Markdown从小白到精通

介绍

标记语言

我们最常见的的标记语言就是HTML,HTML是超文本标记语言,标记语言的目的就是做一些标记,然后将其展现出来,目的是表示。

Markdown介绍

Markdown是一种轻量级的标记语言,Markdown 由John Gruber于2004年创建,如今已成为世界上最受欢迎的标记语言之一。Markdown的主体是文本,用于内容的展示,它具有简单的样式,可以简化文字的样式,排版等问题,专门用于内容的展示。

Markdown与HTML

Markdown从来都不是用来替代 HTML 的,也不是前端开发、写完整页面的。虽然现在的各种开源博客系统都是支持Markdown生成页面,但并不是为了替代HTML,Markdown的设计目的是方便写作的时候,标记格式、同时使标记格式后的纯文本,比起 HTML 源码,更有可读性。

Markdown语言展示的时候,可以转换成HTML语言,可以在浏览器之中转换,也可以在服务端转换,在Markdown之中,也可以使用HTML的语法。一般而言,我们使用的Markdown文本编辑器通过Markdown解析器 把Markdown格式的文本解析为HTML格式。此时,我们就可以看到具有HTML样式的文档了。


语法

标题

标题分为1级标题,2级标题,到6及标题,1及标题字号最大,6级标题字号最小。标题的标注符号是“#”,#和内容之间空格空开,使用1个空格即可,如 # hello就是一个一级标题的表示。一级标题使用1个#,二级标题使用2个#,一直到6级标题。在HTML之中使用<h1></h1><h6></h6>表示标题,效果和'#'相同。

文本

文本里面最常见的是斜体,粗体,删除线,下划线,列表(有序,无序),超链接,引用,还有一些和文本配合使用的样式,比如空格,换行,横线。 斜体hello world世界和平,斜体使用**或者__,内容包裹在星号之间,内容与星号之间不要留空格。html之中使用<em>

粗体hello world世界和平,粗体使用****或者____,内容左右包裹两个星号,内容与星号之间不要留空格。html之中使用<b>或者<strong>

删除线hello world世界和平,删除线使用~~~~,内容左右包裹两个波浪号,内容与波浪号之间不要留空格。html之中使用<strike>或者<del>

下划线hello world世界和平,markdown并没有原生的下划线语法,如果需要使用可以使用html的<u>

列表:分为有序列表和无序列表,有序列表使用数字+.表示,无序列表使用-短横线表示,都需要空一格才能展示,有序列表和无序列表各自都可以嵌套使用。

有序列表

无序列表

有序列表和无序列表组合使用

超链接:百度,使用''[]()'',[]里面写要展现的名字,小括号里面写url,html之中使用a标签,herf里面写url链接,百度。

引用:使用">",如果有多行,可以将多个>放在每一行的开头一起使用,可以嵌套使用。

空格:普通的空格,我们可以使用space键即可,如果空格太多的话,就可以使用 是space空格,不换行,对于中文展示稳不稳定,比如行首空两格,也就是两个字用起来就不方便。是半角空格,1/2个中文字符宽度,是全角空格,1个中文字符宽度。


换行:直接使用enter即可,也可以使用<br>
就是换行。

横线:"---"在单独的一行即可,也可使用<hr/>, 都要在单独的一行才能起作用。


其他

图片:和超链接很相似,使用![]()即可。[]之中写名字,不过写不写无所谓,()之中写url,本地的path或者是网络url都可以,本地path写相对url或者绝对url都可以。图片如果跟在一行文字之后,这个图片的宽度比较小,文字和图片可以容纳于一行,这个时候会把这行文字的height撑大,不太美观,看起来比较丑陋,我们可以另起一行,比如下面的第二个。

表格:表格使用 | 和- 完成,上面是表头,中间通过---完成分隔,每一个cell放一个内容,具体的展示效果如下

| 姓名 | 年龄 | 班级 | 专业 |
| ------------ | ------------- |------------- |------------- |
| 张三 | 23  | 三年级二班 | 计算机  |
| 李四 | 25  | 五年级八班 | 马克思理论  |

姓名

年龄

班级

专业

张三

23

三年级二班

计算机

李四

25

五年级八班

马克思理论

在---的左边添加: 表示左对齐,:---, :---:居中,---:右对齐

左对齐

居中

右对齐

张三

23

三年级二班

李四

25

五年级八班

行内代码:使用两个“飘字符”把内容包裹起来即可,System.out.println("hello world!");

块级代码:行内代码是在同一行,块级代码是在多行,前后使用三个“飘字符”把内容包裹起来即可,在前面的票字符串可以设置代码类型,比如java,python,会有不同的颜色设置。

@Test    
public void helloTest() {
          String str1 = "hello";
          String str2 = "world!";
          System.out.println(str1 + str2);
}

任务清单:我们使用- [] 任务1 这种格式就可以表示出来,注意其中的空格,其中我们使用x填写在其中就可以完成任务。

Emoji:如果是Windows10系统,使用win + .就会弹出emoji表情,也可使用:xx:的方式,比如smile,100,diamond等,,?,等,这个需要系统和编辑器支持。

Video:直接使用<video>标签即可,其中的src写具体的视频的地址,绝对路径,相对路径,网络url都可以。

对于Bilibili这种,如果我们想使用其中的视频,可以直接分享里面获取代码,粘贴即可。


编辑器推荐

  • windows:typora ,CuteMarkEd,haroopad,MarkdownPad
  • macOS:typora ,Ulysses,iA Writer

Typora使用介绍

导出文档

  1. 偏好设置 --> 导出设置 --> PDF/Html设置
  2. 文件 -- > 导出

高亮

  1. 高亮很多地方是一个方言, 在typora之中是需要开启的,开启的方法是文件 --> 偏好设置 -->markdown -->高亮
  2. 重启之后生效,使用的时候,通过==xx== ,xx就是会变色的,编程高亮的模式。

设置Typora主题

我们可以使用官方主题,文件-->偏好设置---> 外观 -->获取主题,网址是:https://theme.typora.io/,下载我们想要的主题,然后解压放在C:\Users\你的用户\AppData\Roaming\Typora\themes目录下,重启即可。

自定义主题

可能还有一种情况,就是自带的,或者我们下载的第三方主题,都不满足我们的审美需求,这个时候,我们就可以自己去修改主题,修改主题需要有一定的html+css的基础。下面以高亮的样式为例,我们普通的时候高亮的样式是黄色的,我们可以修改。

  1. 文件 -> 偏好设置 -> 通用 -> 高级设置 ->打开调试模式
  2. 找到菜单栏 ->视图菜单
  3. 打开开发者工具,也可以使用快捷键shift + F12
  4. 使用选择按钮,找到我们要修改的文本,进行样式的调整
  5. 找到<mark>,修改,<mark style="background:lightgreen;">发现样式修改了
  6. 然后写入到我们对应的文件主题css文件,重启软件,检验效果达成
   mark{
       background:lightgreen;
   }

相关推荐

方差分析简介(方差分析通俗理解)

介绍方差分析(ANOVA,AnalysisofVariance)是一种广泛使用的统计方法,用于比较两个或多个组之间的均值。单因素方差分析是方差分析的一种变体,旨在检测三个或更多分类组的均值是否存在...

正如404页面所预示,猴子正成为断网元凶--吧嗒吧嗒真好吃

吧嗒吧嗒,绘图:MakiNaro你可以通过加热、冰冻、水淹、模塑、甚至压溃压力来使网络光缆硬化。但用猴子显然是不行的。光缆那新挤压成型的塑料外皮太尼玛诱人了,无法阻挡一场试吃盛宴的举行。印度政府正...

Python数据可视化:箱线图多种库画法

概念箱线图通过数据的四分位数来展示数据的分布情况。例如:数据的中心位置,数据间的离散程度,是否有异常值等。把数据从小到大进行排列并等分成四份,第一分位数(Q1),第二分位数(Q2)和第三分位数(Q3)...

多组独立(完全随机设计)样本秩和检验的SPSS操作教程及结果解读

作者/风仕在上一期,我们已经讲完了两组独立样本秩和检验的SPSS操作教程及结果解读,这期开始讲多组独立样本秩和检验,我们主要从多组独立样本秩和检验介绍、两组独立样本秩和检验使用条件及案例的SPSS操作...

方差分析 in R语言 and Excel(方差分析r语言例题)

今天来写一篇实际中比较实用的分析方法,方差分析。通过方差分析,我们可以确定组别之间的差异是否超出了由于随机因素引起的差异范围。方差分析分为单因素方差分析和多因素方差分析,这一篇先介绍一下单因素方差分析...

可视化:前端数据可视化插件大盘点 图表/图谱/地图/关系图

前端数据可视化插件大盘点图表/图谱/地图/关系图全有在大数据时代,很多时候我们需要在网页中显示数据统计报表,从而能很直观地了解数据的走向,开发人员很多时候需要使用图表来表现一些数据。随着Web技术的...

matplotlib 必知的 15 个图(matplotlib各种图)

施工专题,我已完成20篇,施工系列几乎覆盖Python完整技术栈,目标只总结实践中最实用的东西,直击问题本质,快速帮助读者们入门和进阶:1我的施工计划2数字专题3字符串专题4列表专题5流程控制专题6编...

R ggplot2常用图表绘制指南(ggplot2绘制折线图)

ggplot2是R语言中强大的数据可视化包,基于“图形语法”(GrammarofGraphics),通过分层方式构建图表。以下是常用图表命令的详细指南,涵盖基本语法、常见图表类型及示例,适合...

Python数据可视化:从Pandas基础到Seaborn高级应用

数据可视化是数据分析中不可或缺的一环,它能帮助我们直观理解数据模式和趋势。本文将全面介绍Python中最常用的三种可视化方法。Pandas内置绘图功能Pandas基于Matplotlib提供了简洁的绘...

Python 数据可视化常用命令备忘录

本文提供了一个全面的Python数据可视化备忘单,适用于探索性数据分析(EDA)。该备忘单涵盖了单变量分析、双变量分析、多变量分析、时间序列分析、文本数据分析、可视化定制以及保存与显示等内容。所...

统计图的种类(统计图的种类及特点图片)

统计图是利用几何图形或具体事物的形象和地图等形式来表现社会经济现象数量特征和数量关系的图形。以下是几种常见的统计图类型及其适用场景:1.条形图(BarChart)条形图是用矩形条的高度或长度来表示...

实测,大模型谁更懂数据可视化?(数据可视化和可视化分析的主要模型)

大家好,我是Ai学习的老章看论文时,经常看到漂亮的图表,很多不知道是用什么工具绘制的,或者很想复刻类似图表。实测,大模型LaTeX公式识别,出乎预料前文,我用Kimi、Qwen-3-235B...

通过AI提示词让Deepseek快速生成各种类型的图表制作

在数据分析和可视化领域,图表是传达信息的重要工具。然而,传统图表制作往往需要专业的软件和一定的技术知识。本文将介绍如何通过AI提示词,利用Deepseek快速生成各种类型的图表,包括柱状图、折线图、饼...

数据可视化:解析箱线图(box plot)

箱线图/盒须图(boxplot)是数据分布的图形表示,由五个摘要组成:最小值、第一四分位数(25th百分位数)、中位数、第三四分位数(75th百分位数)和最大值。箱子代表四分位距(IQR)。IQR是...

[seaborn] seaborn学习笔记1-箱形图Boxplot

1箱形图Boxplot(代码下载)Boxplot可能是最常见的图形类型之一。它能够很好表示数据中的分布规律。箱型图方框的末尾显示了上下四分位数。极线显示最高和最低值,不包括异常值。seaborn中...