个人常用的Markdown语法笔记
目录
一.前言😘[二级标题]
  首行缩进2个汉字,然后2个空格加<kbd>Enter</kbd>换行
  再缩进,然后写一段,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>
2.颜色
<font style="color:red">红色</font> <font style="color:blue">蓝色</font>
红色 蓝色 不轻易使用,尽量保持Markdown的黑白简介风格。
3.字体
*强调文本* **加粗文本** ~~删除~~
强调文本 加粗文本 删除
4.区块
> 区块
段落开头使用 > 符号,然后后面紧跟一个空格符号,结束区块要空一行
区块
段落开头使用 > 符号,然后后面紧跟一个空格符号
5.分割线
***
---
6.空行
+回车
<br/>
三.链接🔗
1.普通链接
<链接地址>
[链接名称](链接地址)
2.新窗口打开链接
<a href="链接地址" target="_blank">链接文本</a>
四.图片
![alt文本](图片url)
![alt文本](图片url "可选title")
更多格式,使用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>