【MarkDown】--使用教程

MarkDown使用教程

目录

• MarkDown使用教程
• 一. 常用设置
  • 1.1 目录
  • 1.2 标题
  • 1.3 文本样式
    • （1）引用
    • （2）高亮
    • （3）强调
    • （4）水平线
    • （5）上下标
    • （6）插入代码
    • （7）超链接
    • （8）图片
• 二. 字体颜色大小背景色
  • 2.1 字体颜色大小
  • 2.2 背景色
• 三. 博客园-【自定义标题样式】

一. 常用设置

1.1 目录

[toc]+回车

1.2 标题

一共6级标题根据需求自己设置

# 1级标题  或者 <h1>一级标题</h1>
## 2级标题  或者 <h2>二级标题</h2>

1.3 文本样式

（1）引用

> + 空格 + 引用文本、代码注释 

引用文本、代码注释

（2）高亮

==高亮==

高亮

（3）强调

`强调`

强调

（4）水平线

--- + 回车

---

（5）上下标

H~2~O is是液体
2^10^的运算结果是1024

H₂O is是液体

2¹⁰的运算结果是1024

（6）插入代码

​```java
public static void main（String[] args）{}
​```

public static void main（String[] args）{}

（7）超链接

[]()
[百度](https://www.baidu.com/)

百度

（8）图片

![]()

二. 字体颜色大小背景色

2.1 字体颜色大小

span标签可以改变标题样式，font标签不行

<span style="color: #ff00ff;">mysql安装 </span>
<span style="color: red;">中间写上想说的话</span>
<span style="color: #f111f1;">中间写上想说的话</span>
<font face="微软雅黑">微软雅黑示例</font>
<font face="STCAIYUN">华文彩云示例</font>
<font color=#0099ff size=5 face="STCAIYUN">color=#0099ff size=6 face="黑体"</font>
<font color=red size=5>color=#00ffff</font>

效果：
mysql安装
中间写上想说的话
中间写上想说的话
微软雅黑示例
华文彩云示例
color=#0099ff size=6 face="黑体"
color=#00ffff

2.2 背景色

 <table><tr><td bgcolor=orange><font color=#0099ff size=5 face="STCAIYUN">蓝色</font></td></tr></table>

效果：

蓝色

三. 博客园-【自定义标题样式】

在博客园的【管理】-->【设置】-->【页面定制 CSS 代码】中添加标题样式

#cnblogs_post_body
{
    color: black;      
    font: 0.875em/1.5em "微软雅黑" , "PTSans" , "Arial" ,sans-serif;
    font-size: 15px;
}
#cnblogs_post_body h1    {
    background: #333366;
    border-radius: 6px 6px 6px 6px;
    box-shadow: 0 0 0 1px #5F5A4B, 1px 1px 6px 1px rgba(10, 10, 0, 0.5);
    color: #FFFFFF;
    font-family: "微软雅黑" , "宋体" , "黑体" ,Arial;
    font-size: 23px;
    font-weight: bold;
    height: 25px;
    line-height: 25px;
    margin: 18px 0 !important;
    padding: 8px 0 5px 5px;
    text-shadow: 2px 2px 3px #222222;
}
#cnblogs_post_body h2   {
    background: #006699;
    border-radius: 6px 6px 6px 6px;
    box-shadow: 0 0 0 1px #5F5A4B, 1px 1px 6px 1px rgba(10, 10, 0, 0.5);
    color: #FFFFFF;
    font-family: "微软雅黑" , "宋体" , "黑体" ,Arial;
    font-size: 20px;
    font-weight: bold;
    height: 25px;
    line-height: 25px;
    margin: 18px 0 !important;
    padding: 8px 0 5px 5px;
    text-shadow: 2px 2px 3px #222222;
}
#cnblogs_post_body h3    {
    /*背景色*/
    background: #00BBFF;
    border-radius: 6px 6px 6px 6px;
    box-shadow: 0 0 0 1px #5F5A4B, 1px 1px 6px 1px rgba(10, 10, 0, 0.5);
    /* 字体颜色*/ 
    color: #110000;
    font-family: "微软雅黑" , "宋体" , "黑体" ,Arial;
    /* 字体大小*/
    font-size: 18px;
    font-weight: bold;
    height: 25px;
    line-height: 25px;
    margin: 18px 0 !important;
    padding: 8px 0 5px 5px;
   /*#text-shadow: 2px 2px 3px #222222;*/ /* 字体阴影*/
}
#cnblogs_post_body h4{
    background: #00BBFF;
    border-radius: 6px 6px 6px 6px;
    box-shadow: 0 0 0 1px #5F5A4B, 1px 1px 6px 1px rgba(10, 10, 0, 0.5);
    color: #110000;
    font-family: "微软雅黑" , "宋体" , "黑体" ,Arial;
    font-size: 16px;
    font-weight: bold;
    height: 20px;
    line-height: 20px;
    margin: 12px 0 !important;
    padding: 5px 0 5px 10px;
    /*#text-shadow: 2px 2px 3px #222222;*/ /* 字体阴影*/
}