Pktt

导航

< 2025年2月 >
26 27 28 29 30 31 1
2 3 4 5 6 7 8
9 10 11 12 13 14 15
16 17 18 19 20 21 22
23 24 25 26 27 28 1
2 3 4 5 6 7 8
统计
 

借鉴于别人:1:https://www.cnblogs.com/jaysonteng/p/12996671.html
2:https://www.cnblogs.com/dzlua/p/11170373.html
此文章对应效果:【点击这里】

什么是 Markdown

Markdown 是一种方便记忆、书写的纯文本标记语言,用户可以使用这些标记符号以最小的输入代价生成极富表现力的文档:譬如您正在阅读的这份文档。
具有的功能如下:

设置标题级别:

一级标题

二级标题

三级标题

四级标题

五级标题
六级标题

插入超链接:

方括号里面是文本内容,圆括号里面是url链接:点击这里跳转到超链接

插入图片:

前面加感叹号,方括号里面是图片注释,圆括号里面是图片链接

从新的标签中打开超链接:

点击这里,从新的标签中打开超链接

添加锚点

锚点可以用于制作网页目录,当博客页面过长时,可能就需要设置跳转目录。
通过span id指定属性,通过超链接的方式(#属性值)设置跳转

设置锚点:见文末最后一行
点击跳转到锚点(法一)

点击跳转到锚点(法二:此方法是使用html方法,可以设置字体颜色大小)

结合html设置图片文字大小位置等

设置图片大小

也可以通过设置width,height百分比来设定

图片居中:center

align=left(居左), align=right(居右) ## 文字大小、字体、颜色

斜体:文字两边分别是一个星号
粗体:文字两边分别加两个星号,对文字进行加粗(起强调作用)
粗斜体:文字两边分别3个星号
通过face='黑体'指定字体
我是微软雅黑
我是华文彩云
通过color=red设置颜色
通过Blue设置颜色
通过RGB设置颜色
通过size=5,设置文字尺寸
我是黑体,绿色,尺寸为5

背景色yellow
删除线,两边用html的s标签 ## 无序列表,用*、-、+号效果相同
  • 列表1
  • 列表2
  • 列表3
  • 列表3-1
  • 列表3-2

有序列表

  1. 列表1
  2. 列表2

引用与项目符号:

  • 改进 Cmd 渲染算法,使用局部渲染技术提高渲染效率
  • 这里是引用,前面加上>大于符号。* 表示无序列表
    文字引用另一种方式

高亮一段代码

代码高亮功能支持包括 Java, Python, JavaScript 在内的,四十一种主流编程语言。

@requires_authorization
class SomeClass:
pass
if __name__ == '__main__':
# A comment
print ('hello world')

绘制表格

项目 价格 数量
计算机 $1600 5
手机 $12 12
管线 $1 234

支持LaTeX编写数学公式

单$是居左:

$sum_{i=1}^n a_i=0$

双$是居中:
$$E=mc^2$$

LaTeX数学公式参考链接

上下标

上标:X2
下标:O2

参考链接:

1, 2, 3

锚点位置

博客园markdown语法

  1. 标题#

    用法

    在想要设置为标题的文字前面加#来表示
    一个#是一级标题,二个#是二级标题,以此类推。支持六级标题。

    注:标准语法一般在#后跟个空格再写文字

    示例

Copy

这是一级标题

这是二级标题

这是三级标题

这是四级标题

这是五级标题
这是六级标题
效果

这是一级标题
这是二级标题#
这是三级标题#
这是四级标题#
这是五级标题
这是六级标题
2. 斜体、加粗、删除线#

用法
要斜体的文字左右分别用一个号包起来
要加粗的文字左右分别用两个号包起来
要倾斜和加粗的文字左右分别用三个*号包起来
要加删除线的文字左右分别用两个~~号包起来
示例

Copy
这是倾斜的文字
这是加粗的文字
这是斜体加粗的文字
这是加删除线的文字

效果
这是倾斜的文字
这是加粗的文字
这是斜体加粗的文字
这是加删除线的文字
  1. 引用#

    用法

    在引用的文字前加>即可。引用也可以嵌套,如加两个>>三个>>>

    示例

Copy

这是引用的内容

这是引用的内容

这是引用的内容

效果
这是引用的内容
这是引用的内容
这是引用的内容
  1. 分割线#

    用法

    三个或者三个以上的 *

    示例

Copy



效果
  1. 图片#

    用法

    图片alt就是显示在图片下面的文字,相当于对图片内容的解释
    图片title是图片的标题,当鼠标移到图片上时显示的内容。title可加可不加

    示例

Copy
avatar

效果
avatar
  1. 超链接#

    用法

    title可加可不加

    示例

Copy
百度
简书

效果
百度
简书
  1. 无序列表#

    用法

    无序列表用 - + * 任何一种都可以
    序号跟内容之间要有空格

    示例

Copy

  • 列表内容
  • 列表内容
  • 列表内容

    效果
    列表内容
    列表内容
    列表内容

  1. 有序列表#

    用法

    序号跟内容之间要有空格

    示例

Copy

  1. 列表内容
    列表1内容

  2. 列表内容
    列表2内容

  3. 列表内容
    列表3内容

    效果

    列表内容
    列表1内容
    列表内容
    列表2内容
    列表内容
    列表3内容

  4. 列表嵌套#

    用法

Copy

表头 表头 表头
内容 内容 内容
内容 内容 内容

第二行分割表头和内容。

  • 有一个就行,为了对齐,多加了几个
    文字默认居左
    -两边加:表示文字居中
    -右边加:表示文字居右
    注:原生的语法两边都要用 | 包起来。此处省略

    示例

Copy

Item Value Qty
Computer 1600 USD 5
Phone 12 USD 12
Pipe 1 USD 234
效果

Item Value Qty
Computer 1600 USD 5
Phone 12 USD 12
Pipe 1 USD 234
10. 代码#

用法
单行代码:代码之间分别用一个反引号包起来
代码块:代码之间分别用三个反引号包起来,且两边的反引号单独占一行
示例
`printf("hello world!\n")`
```
printf("hello \n");
printf("world!\n");
```
效果
printf("hello world!\n")

Copy
printf("hello \n");
printf("world!\n");

posted on   Pktt  阅读(58)  评论(0编辑  收藏  举报
相关博文:
阅读排行:
· 一个费力不讨好的项目,让我损失了近一半的绩效!
· 清华大学推出第四讲使用 DeepSeek + DeepResearch 让科研像聊天一样简单!
· 实操Deepseek接入个人知识库
· CSnakes vs Python.NET:高效嵌入与灵活互通的跨语言方案对比
· Plotly.NET 一个为 .NET 打造的强大开源交互式图表库
 
点击右上角即可分享
微信分享提示

目录导航