html中c 关闭当前页面跳转,Markdown基础(内含:锚点使用,使用HTML,新页面跳转,目录生成)...

本文主要是介绍html中c 关闭当前页面跳转,Markdown基础(内含:锚点使用,使用HTML,新页面跳转,目录生成)...,希望对大家解决编程问题提供一定的参考价值,需要的开发者们随着小编来一起学习吧!

Github样式显示参考:点我 之前说过用word写文章,这次说说Markdown写文章(推荐) 逆天推荐使用VSCode编写

57775a2f8c65741e024f349205a8295f.png

装这个插件写作更方便:

4375093a925c0f4876e7389fad26d947.png

内含:锚点使用,使用HTML,新页面跳转,目录生成

启用方式:

63ece9360b0ccf75b24ad1b708132164.png

H1~H3(#的个数)[博客园只支持H1~3]

# H1

## H2

### H3

H1

H2

H3

斜体(一个*斜体),加粗(两个*粗体),删除线(两个~)

**加粗内容** 其他内容 *斜体内容* ~~删除内容~~

加粗内容 其他内容 斜体内容 删除内容

引用(> or >>)、代码块(```开头结尾)、分隔符(---)、换行(空一行 或者 br标签 )、转义( \ )

引用:

>引用 | 块注释

>从前有座山,山里有座庙

>>里面再来个引用

引用 | 块注释 从前有座山,山里有座庙

里面再来个引用

单个代码块: 以`(反引号)开头 以`(反引号)结尾

Python and NetCore

代码块: 以```(反引号)开头 以```(~下面的符合)结尾

如果要语法高亮就在```后面加小写语言名,eg:html,css,javascript,python,cs(csharp)等等

print("以 ```python开头,```结尾")

var infos_list = new List() { "C#", "JavaScript" };

var infos_list = new List() { "C#", "JavaScript" };

分隔符:

---

换行:

转义字符

\

HTML代码

直接写HTML就可以解析:

print("mmd")

print("mmd")

超链接、图片、锚点跳转

超链接:

页面内打开:[超链接文字](url)

写法1:

汇总系列:[链接](https://www.cnblogs.com/dunitian/p/4822808.html#ai)

写法2:

汇总系列:

新页面打开:[超链接文字](url){:target="_blank"} (有些编辑器不支持,Python Markdown可以使用)

不支持就用:xxx

写法1:

汇总系列:[链接](https://www.cnblogs.com/dunitian/p/4822808.html#ai){:target="_blank"}

写法2:

汇总系列:{:target="_blank"}

写法3:

汇总系列:链接

汇总系列:https://www.cnblogs.com/dunitian/p/4822808.html#ai

图片:(感叹号别忘记了)

![alt标题](url地址)

![博客园logo](https://www.cnblogs.com/images/logo_small.gif)

5847af98cfba2bd76463c7a122b67fe7.gif

锚点:(不能实现的就用html实现即可)

我在正文开头定义了一个:

我们跳转过去:[跳转指定位置](#divtop)

表格

|xxx|xxx|

|---|---|

|xxx|xxx|

xxx

xxx

xxx

xxx

eg:

| 字母 | 发音 | 字母 | 发音 |

| ---- | ------ | ---- | ----------- |

| Aa | [ei] | Nn | [en] |

| Bb | [bi:] | Oo | [əu] |

| Cc | [si:] | Pp | [pi:] |

| Dd | [di:] | Qq | [kju:] |

| Ee | [i:] | Rr | [a:] |

| Ff | [ef] | Ss | [es] |

| Gg | [dʒi:] | Tt | [ti:] |

| Hh | [eitʃ] | Uu | [iu:] |

| Ii | [ai] | Vv | [vi:] |

| Jj | [dʒei] | Ww | ['dʌblju:] |

| Kk | [kei] | Xx | [eks] |

| Ll | [el] | Yy | [wai] |

| Mm | [em] | Zz | [zi:]/[zed] |

字母

发音

字母

发音

Aa

[ei]

Nn

[en]

Bb

[bi:]

Oo

[əu]

Cc

[si:]

Pp

[pi:]

Dd

[di:]

Qq

[kju:]

Ee

[i:]

Rr

[a:]

Ff

[ef]

Ss

[es]

Gg

[dʒi:]

Tt

[ti:]

Hh

[eitʃ]

Uu

[iu:]

Ii

[ai]

Vv

[vi:]

Jj

[dʒei]

Ww

['dʌblju:]

Kk

[kei]

Xx

[eks]

Ll

[el]

Yy

[wai]

Mm

[em]

Zz

[zi:]/[zed]

列表(无序- 有序 1.2.3. 注意空格)

- 无序列表1

- 无序列表1.1

- 无序列表1.2

- 1.2.1

- 无序列表2

1. 有序列表1

2. 有序列表2

3. 有序列表3

1. 3.1

2. 3.2

1. 3.2.1

2. 3.2.2

- 无序列表3

无序列表1

无序列表1.1

无序列表1.2

1.2.1

无序列表2

有序列表1

有序列表2

有序列表3

3.1

3.2

3.2.1

3.2.2

无序列表3

隐藏代码(推荐)

这个在Github上没问题,博客园上有点小问题

案例标题

​```

隐藏的代码内容

​```

案例1:求和

def sum(a,b):

return a+b

​```

---

## 目录生成就用js实现了,MarkDown的方式太累

博客园上传js文件,然后引用即可

```javascript

$(function () {

// 生成目录索引列表

var mainContent = $('#cnblogs_post_body');

var h2_list = $('#cnblogs_post_body h2');//如果你的章节标题不是h2,只需要将这里的h2换掉即可

if (mainContent.length < 1)

return;

if (h2_list.length > 0) {

var content = '';

content += '

content += '

正文

';

if ($('#cnblogs_post_body').length != 0) {

$($('#cnblogs_post_body')[0]).prepend(content);

}

}

var allinfo = '

汇总系列:https://www.cnblogs.com/dotnetcrazy/p/9160514.html

';

$(mainContent[0]).prepend(allinfo);

});

更多语法请参考

关于VSCode写作的扩展

快捷键

57e646e8bf84733b7a4f0cf40891abaf.png

生成目录

按F1,然后输入 ctoc

608cb7e9b537e3e10ae7e2d5bc9a662c.png

效果如下:

b53894030321ba7e290ba82cd4057145.png

按F1,输入 utoc 就会更新目录,更新过一次后,你以后Ctrl+S就会自动更新目录,很方便的

这个目录在vscode、github中是可以跳转的,你如果需要在博客里面生成对应的文章目录需要配合js实现

这篇关于html中c 关闭当前页面跳转,Markdown基础(内含:锚点使用,使用HTML,新页面跳转,目录生成)...的文章就介绍到这儿,希望我们推荐的文章对编程师们有所帮助!



http://www.chinasem.cn/article/451329

相关文章

Django HTTPResponse响应体中返回openpyxl生成的文件过程

《DjangoHTTPResponse响应体中返回openpyxl生成的文件过程》Django返回文件流时需通过Content-Disposition头指定编码后的文件名,使用openpyxl的sa... 目录Django返回文件流时使用指定文件名Django HTTPResponse响应体中返回openp

使用Python开发一个Ditto剪贴板数据导出工具

《使用Python开发一个Ditto剪贴板数据导出工具》在日常工作中,我们经常需要处理大量的剪贴板数据,下面将介绍如何使用Python的wxPython库开发一个图形化工具,实现从Ditto数据库中读... 目录前言运行结果项目需求分析技术选型核心功能实现1. Ditto数据库结构分析2. 数据库自动定位3

Python yield与yield from的简单使用方式

《Pythonyield与yieldfrom的简单使用方式》生成器通过yield定义,可在处理I/O时暂停执行并返回部分结果,待其他任务完成后继续,yieldfrom用于将一个生成器的值传递给另一... 目录python yield与yield from的使用代码结构总结Python yield与yield

Go语言使用select监听多个channel的示例详解

《Go语言使用select监听多个channel的示例详解》本文将聚焦Go并发中的一个强力工具,select,这篇文章将通过实际案例学习如何优雅地监听多个Channel,实现多任务处理、超时控制和非阻... 目录一、前言:为什么要使用select二、实战目标三、案例代码:监听两个任务结果和超时四、运行示例五

python使用Akshare与Streamlit实现股票估值分析教程(图文代码)

《python使用Akshare与Streamlit实现股票估值分析教程(图文代码)》入职测试中的一道题,要求:从Akshare下载某一个股票近十年的财务报表包括,资产负债表,利润表,现金流量表,保存... 目录一、前言二、核心知识点梳理1、Akshare数据获取2、Pandas数据处理3、Matplotl

Java使用Thumbnailator库实现图片处理与压缩功能

《Java使用Thumbnailator库实现图片处理与压缩功能》Thumbnailator是高性能Java图像处理库,支持缩放、旋转、水印添加、裁剪及格式转换,提供易用API和性能优化,适合Web应... 目录1. 图片处理库Thumbnailator介绍2. 基本和指定大小图片缩放功能2.1 图片缩放的

python panda库从基础到高级操作分析

《pythonpanda库从基础到高级操作分析》本文介绍了Pandas库的核心功能,包括处理结构化数据的Series和DataFrame数据结构,数据读取、清洗、分组聚合、合并、时间序列分析及大数据... 目录1. Pandas 概述2. 基本操作:数据读取与查看3. 索引操作:精准定位数据4. Group

Python使用Tenacity一行代码实现自动重试详解

《Python使用Tenacity一行代码实现自动重试详解》tenacity是一个专为Python设计的通用重试库,它的核心理念就是用简单、清晰的方式,为任何可能失败的操作添加重试能力,下面我们就来看... 目录一切始于一个简单的 API 调用Tenacity 入门:一行代码实现优雅重试精细控制:让重试按我

MySQL中EXISTS与IN用法使用与对比分析

《MySQL中EXISTS与IN用法使用与对比分析》在MySQL中,EXISTS和IN都用于子查询中根据另一个查询的结果来过滤主查询的记录,本文将基于工作原理、效率和应用场景进行全面对比... 目录一、基本用法详解1. IN 运算符2. EXISTS 运算符二、EXISTS 与 IN 的选择策略三、性能对比

使用Python构建智能BAT文件生成器的完美解决方案

《使用Python构建智能BAT文件生成器的完美解决方案》这篇文章主要为大家详细介绍了如何使用wxPython构建一个智能的BAT文件生成器,它不仅能够为Python脚本生成启动脚本,还提供了完整的文... 目录引言运行效果图项目背景与需求分析核心需求技术选型核心功能实现1. 数据库设计2. 界面布局设计3