个人常用的Markdown语法笔记

一.前言😘[二级标题]

&emsp;&emsp;首行缩进2个汉字,然后2个空格加<kbd>Enter</kbd>换行  
&emsp;&emsp;再缩进,然后写一段,Markdown编写的文档可以导出HTML、Word、图像、PDF、Epub等多种格式的文档。Markdown编写的文档后缀为 .md, .markdown。Markdown默认黑色字体,支持Html。

  首行缩进2个汉字,然后2个空格加Enter换行
  再缩进,然后写一段,Markdown编写的文档可以导出HTML、Word、图像、PDF、Epub等多种格式的文档。Markdown编写的文档后缀为 .md, .markdown。Markdown默认黑色字体,支持Html。

二.文本格式📋,这个二级标题非常的长,测试目录换行

1.对齐方式[三级标题]

<center>默认是左对齐,其它对齐文本方式用html标签</center>
默认是左对齐,其它对齐文本方式用html标签

2.颜色

<font style="color:red">红色</font> <font style="color:blue">蓝色</font>

红色 蓝色 不轻易使用,尽量保持Markdown的黑白简介风格。

3.字体

*强调文本* **加粗文本** ~~删除~~ 

强调文本 加粗文本 删除

4.区块

> 区块
段落开头使用 > 符号,然后后面紧跟一个空格符号,结束区块要空一行

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

5.分割线

***

---

6.空行

&nbsp;+回车
<br/>  

三.链接🔗

1.普通链接

<链接地址>

https://www.google.com

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

Google

2.新窗口打开链接

<a href="链接地址" target="_blank">链接文本</a>

Google

四.图片

![alt文本](图片url)
![alt文本](图片url "可选title")

博客园alt

更多格式,使用html元素标签
<img style='margin-left:100px; width:30%' src="https://www.cnblogs.com/images/logo_small.gif">
<center><img src="https://www.cnblogs.com/images/logo_small.gif"></center>

五.表格

使用 | 来分隔不同的单元格,使用 - 来分隔表头和其他行。
默认标题居中,内容左对齐。
-:  内容和标题右对齐。
:-  内容和标题左对齐。
:-: 内容和标题居中对齐。
| 列1 | 列2 | 列3 | 列4 |
| --- | --:| :-- | :-: |
| 单元格 | 单元格 | 单元格 | 单元格 |
| 单元格 | 单元格 | 单元格 | 单元格 |
列1 列2 列3 列4
单元格格 左对齐 右对齐 居中
单元格 左对齐 右对齐 居中

六.代码🙉

1.通用代码

`console.log("反引号包起来即可")`

console.log("反引号包起来即可")

2.特定代码块

```javascript  
代码块,以下是左侧文章目录代码和右下角回到顶部代码,在博客园后台设置配置  
```
<style>
/* 文章目录样式 Begin*/
.toc{position:fixed;border:1px solid #d2d2d2;z-index:9999;bottom:100px;left:16px;margin-left:-15px;background:#fff;width:220px;min-height:220px;max-height:400px;overflow:auto;}.toc .toc-title{font-weight:bold;text-align:center;border-bottom:1px solid #eee;background-color:#f8f8f8;line-height:30px;margin:0!important}.toc ul{margin-left:17px!important}.toc ul li{line-height:20px!important;margin:5px}.toc ul a{text-decoration:none!important}
/* 文章目录样式 End */

/* 回到顶部 Begin  */
#returnTop{_display:none;position:fixed;_position:absolute;z-index:999;right:15px;bottom:-200px;_bottom:auto;width:36px;height:65px;text-indent:-999px;overflow:hidden;background-image:url(https://images.cnblogs.com/cnblogs_com/wu_u/1673665/o_200318061519totop.png);_background-image:url(https://images.cnblogs.com/cnblogs_com/wu_u/1673665/o_200318061519totop.png);background-repeat:no-repeat;background-position:0 0;transition:bottom .9s;-webkit-transition:bottom .9s;-moz-transition:bottom .9s;-o-transition:bottom .9s}#returnTop:hover{background-position:0 -65px}
/* 回到顶部 End */
</style>
<script>
//回到顶部
$("body").append("<a id='returnTop' href='javascript:;'>回到顶部</a>");(function(a){a.fn.extend({returntop:function(){if(this[0]){var b=this.click(function(){a("html, body").animate({scrollTop:0},120)}),c=null;a(window).bind("scroll",function(){var d=a(document).scrollTop(),e=a(window).height();0<d?b.css("bottom","200px"):b.css("bottom","-200px")})}}})})(jQuery);(function(a){a("body")});

$(function(){
  $(".toc .toc-title").append("<span class='toc-close' style='position:absolute;width:30px;right:0;top:0;display:block;cursor:pointer;'>×</span>");
  $(".toc-close").click(function(){ $(".toc").hide();});
  $("#returnTop").returntop();
})
</script>
posted @ 2020-03-18 15:27  找不到一个满意的昵称  阅读(386)  评论(0编辑  收藏  举报