【Markdown】初使用

简介: 【Markdown】初使用

目录

语法:@[TOC]

一级标题

二级标题


段落换行

解释

段落的换行是两个以上的空格加回车

示例:

*today is 2022/4/4*

字体转换

1、斜体文本

2、斜体文本

3、粗体文本

4、粗斜体文本

5、粗斜体文本


分隔线

1、***

2、___

3、—


文字删除线

解释

如果需要在文字上添加删除线,在文字两端分别加入两个波浪线(~~)即可

示例:

~~当前文字废弃~~

文字下划线

解释

在需要下划线的文本前面(< u >)

示例:

注:<u>文本下划线</u>  注意:截取部分用< u >---< /u >

文字下划线


脚注

格式: [^要注明的文本]

示例:创建脚注格式类似这样 1


Makedown列表

1.Makedown支持有序列表和无序列表

使用星号(*)、加号(+)和减号(-)作为列表标记,这些标记后面需要加一个空格,再填写内容

示例:

(1)、无序列表

  • 第一项
  • 第二项
  • 第三项

(2)、有序列表

  1. 第一项
  2. 第二项
  3. 第三项

2.列表嵌套

列表嵌套只需要在子列表中的选项前面添加四个空格即可:

示例:

  1. 列表一
  • 第一个嵌套
  • 第二个嵌套
  1. 列表二
  • 第一个嵌套
  • 第二个嵌套

Markdown区块

1.解释

Markdown 区块引用是在段落开头使用 > 符号 ,然后后面紧跟一个空格符号

示例:

区块应用

使用详情

2.区块嵌套

示例:

区块应用

嵌套使用

示例演示

次级嵌套

细节演示

3.区块中列表使用

示例:

区块中使用列表

  1. 第一项
  • 第一小项
  • 第二小项
  1. 第二项
  • 第一小项
  • 第二小项

4.列表中使用区块

示例:

  • 第一项

第一小项

第二小项

  • 第二项

Markdown代码

解释

如果是段落上的一个函数或片段的代码可以用反引号把它包起来(`)

示例:

printf 函数

代码区块

代码区块使用 4 个空格或者一个制表符(Tab 键)。

示例:

#include<stdio.h>
int main()
{
    printf("Hello world!\n");
    return 0;
}

你也可以用 ```包裹一段代码,并指定一种语言(也可以不指定):

示例:

$(document).ready(function () {
    alert('RUNOOB');
});

Markdown链接

使用方法如下:

[链接名称](链接地址)

或者

<链接地址>

高级链接

我们可以通过变量来设置一个链接,变量赋值在文档末尾进行:

这个链接用 1 作为网址变量 Google

这个链接用 runoob 作为网址变量 blogs

然后在文档的结尾为变量赋值(网址)


Markdown图片

图片语法格式

开头一个感叹号 !

接着一个方括号[],里面放上图片的替代文字

接着一个普通括号(),里面放上图片的网址,最后还可以用引号包住并加上选择性的 ‘title’ 属性的文字。

演示:

Markdown 还没有办法指定图片的高度与宽度,如果你需要的话,你可以使用普通的 标签。

格式:<img src=“图片网址” width=“缩放大小”>

显示结果:


Markdown表格

Markdown 制作表格使用 | 来分隔不同的单元格,使用 - 来分隔表头和其他行。

语法格式如下:

| 表头 | 表头 |

| ---- | ---- |

| 单元格 | 单元格 |

| 单元格 | 单元格 |

演示结果:

表头 表头
单元格 单元格
单元格 单元格

对齐方式

-: 设置内容和标题栏居右对齐。

:- 设置内容和标题栏居左对齐。

:-: 设置内容和标题栏居中对齐。

演示:

左对齐 右对齐 居中对齐
单元格 单元格 单元格
单元格 单元格 单元格

Markdown高级技巧

支持的HTML元素

不在 Markdown 涵盖范围之内的标签,都可以直接在文档里面用 HTML 撰写。

目前支持的 HTML 元素有:<kbd> <b> <i> <em> <sup> <sub> <br>等

示例:

使用 Ctrl+Alt+Del 重启电脑

转义

使用‘ \ ’可取消转义

公式

Markdown Preview Enhanced 使用 KaTeX 或者 MathJax 来渲染数学表达式。

KaTeX 拥有比 MathJax 更快的性能,但是它却少了很多 MathJax 拥有的特性。你可以查看 KaTeX supported functions/symbols 来了解 KaTeX 支持那些符号和函数。

默认下的分隔符:

$…$ 或者 (…) 中的数学表达式将会在行内显示。

$. . . ......$ 或者 […] 或者 ```math 中的数学表达式将会在块内显示。


文本操作

基础知识:

Markdown 通过简单标记语法,使普通文本内容具有一定格式。但它本身不支持修改字体、字号与颜色等功能的。CSDN-markdown 编辑器是其衍生版本,支持基于 PageDown ( Stack Overflow)所使用的编辑器的扩展功能(如表格、脚注、内嵌HTML、内嵌 LaTeX 等等)。

Size:规定文本的尺寸大小,取值从 1 到 7 ,浏览器默认值是 3

1.更改字体、大小、颜色

Markdown语法:

<font face="黑体">我是黑体字</font>
<font face="微软雅黑">我是微软雅黑</font>
<font face="STCAIYUN">我是华文彩云</font>
<font color=red>我是红色</font>
<font color=#008000>我是绿色</font>
<font color=Blue>我是蓝色</font>
<font size=5>我是尺寸</font>
<font face="黑体" color=green size=5>我是黑体,绿色,尺寸为5</font>

效果如下:我是黑体字

我是微软雅黑

我是华文彩云

我是红色

我是绿色

我是蓝色

我是尺寸

我是黑体,绿色,尺寸为5

2.为文字添加背景色

由于 style 标签和标签的 style 属性不被支持,所以这里只能是借助 table, tr, td 等表格标签的 bgcolor 属性来实现背景色。故这里对于文字背景色的设置,只是将那一整行看作一个表格,更改了那个格子的背景色(bgcolor)

Markdown语法

<table><tr><td bgcolor=yellow>背景色yellow</td></tr></table>

效果如下:

背景色PowderBlue



目录
相关文章
|
前端开发 Go C++
CSS命名规则规范整理
大家在写css的时候,经常会遇到关于命名的问题。页面上成百甚至上千的class或者id,我们就会越来越感到困扰。 所以,这样我们就很有必要整理自己的一套命名规范。
10429 100
CSS命名规则规范整理
|
安全 网络安全 数据库
“小红书基于零信任的数据安全落地实践”演讲实录
11月,为期两天的FCIS 2023网络安全创新大会(以下简称:“FCIS 2023大会”)在上海张江科学会堂圆满落幕。来自全球的数十位网络安全人物、企业安全负责人、技术大拿、研究学者等发表主题演讲,累计线下参会观众突破6000人次。 在主论坛E-Tech企业安全实践分享中,亿格云行业标杆客户「小红书安全技术负责人、首席数据官」周达发表了“基于零信任的数据安全建设实践”的主题演讲。分别从办公场景下的数据安全挑战、小红书全链路零信任体系和安全思考与展望三方面详细阐述。
|
弹性计算 前端开发 小程序
微信小程序上传文件至阿里云OSS直传(java后端签名+前端直传)
当前的通用文件上传方式是通过前端上传到服务器,再由服务器转存至对象存储。这种方式在处理小文件时效率尚可,但大文件上传因受限于服务器带宽,速度较慢。例如,一个100MB的文件在5Mbps带宽的阿里云ECS上上传至服务器需160秒。为解决此问题,可以采用后端签名的方式,使微信小程序直接上传文件到阿里云OSS,绕过服务器中转。具体操作包括在JAVA后端引入相关依赖,生成签名,并在微信小程序前端使用这个签名进行文件上传,注意设置正确的请求头和formData参数。这样能提高大文件上传的速度。
4576 1
|
前端开发 JavaScript
富文本编辑器wangEdiotr,编辑内容后,重新打开报错Uncaught (in promise) Error: Cannot find a descendant at path
富文本编辑器wangEdiotr,编辑内容后,重新打开报错Uncaught (in promise) Error: Cannot find a descendant at path
2798 1
|
2月前
|
数据采集 人工智能 算法
怎么做好DeepSeekGEO优化?国内知名AI搜索实战专家刘鑫炜来教你
本文详解DeepSeek GEO(生成式引擎优化)核心逻辑,破除关键词堆砌等90%人踩的误区,强调AI信任度、语义匹配与地域适配。提供5步落地法:需求拆解、AI友好内容、结构化标记、证据链构建、数据监测,并列出5大禁令。助力企业抢占AI搜索“入场券”。
|
3月前
|
存储 监控 前端开发
Java大文件上传解决方案:分片上传+断点续传实战
大文件上传通常指上传超过几百MB甚至几个GB的文件。与普通文件上传相比,大文件上传面临以下挑战:一次性加载整个文件到内存会导致内存溢出,上传过程中网络中断需要能够断点续传。
330 2
|
8月前
|
人工智能 Java 机器人
基于Spring AI Alibaba + Spring Boot + Ollama搭建本地AI对话机器人API
Spring AI Alibaba集成Ollama,基于Java构建本地大模型应用,支持流式对话、knife4j接口可视化,实现高隐私、免API密钥的离线AI服务。
6772 2
基于Spring AI Alibaba + Spring Boot + Ollama搭建本地AI对话机器人API
|
人工智能 自然语言处理 Java
Spring AI,搭建个人AI助手
本期主要是实操性内容,聊聊AI大模型,并使用Spring AI搭建属于自己的AI助手、知识库。本期所需的演示源码笔者托管在Gitee上(https://gitee.com/catoncloud/spring-ai-demo),读者朋友可自行查阅。
4573 44
Spring AI,搭建个人AI助手
|
人工智能 Java API
Java 也能快速搭建 AI 应用?一文带你玩转 Spring AI 可观测性
Java 也能快速搭建 AI 应用?一文带你玩转 Spring AI 可观测性
1072 4