博客样板样式太单调?超强总结优快云博客Markerdown各种炫丽样式(必须收藏)

大家好这里是X🤍，今天来出一篇写博客不同样式的技巧🧡不管是新手小白还是已经写博客很久的大神，都可以收藏总结一下在优快云写博客都有哪些好看又实用的样式噢，让我们开始吧！💙(今天的表情包是比卡丘专场噢💛💨💨💨)

字体问题🌫

在优快云关于字体设置上可以设置三种样式：字体颜色、种类、大小(默认的大小是3)，具体设置看👇👇👇

<font color=red>红色普通字体</font>
<font color=red face="黑体">红色黑体字体</font>
<font color=red face="黑体" size=4>红色黑体4号字体</font>
<font face="STSong">你好，我是宋体</font>
<font face="STFangsong">你好，我是仿宋</font>
<font face="FZShuTi">你好，我是方正舒体</font>
<font face="FZYaoti">你好，我是方正姚体</font>
<font face="STLiti">你好，我是华文隶书</font>
<font face="STKaiti">你好，我是华文楷体</font>

效果图🤘

红色字体
红色黑体字体
红色黑体4号字体
你好，我是宋体
你好，我是仿宋
你好，我是方正舒体
你好，我是方正姚体
你好，我是华文隶书
你好，我是华文楷体

X为大家总结了在优快云上可用的中文字体的名称：我自己是试过是可以的，如果大家发现有哪个字体不能用了，欢迎在评论区告诉X，我会修改的，颜色的问题大家可以自行到各大网站上查找它们的16进制即可🤏至于什么斜体、加粗什么的在文档里有X这里就不多赘述了

  华文细黑：STHeiti Light [STXihei]
  华文黑体：STHeiti
  华文楷体：STKaiti
  华文宋体：STSong
  华文仿宋：STFangsong
  儷黑 Pro：LiHei Pro Medium
  儷宋 Pro：LiSong Pro Light
  標楷體：BiauKai
  蘋果儷中黑：Apple LiGothic Medium
  蘋果儷細宋：Apple LiSung Light
  新細明體：PMingLiU
  細明體：MingLiU
  標楷體：DFKai-SB
  黑体：SimHei
  新宋体：NSimSun
  仿宋：FangSong
  楷体：KaiTi
  仿宋_GB2312：FangSong_GB2312
  楷体_GB2312：KaiTi_GB2312
  微軟正黑體：Microsoft JhengHei
  微软雅黑体：Microsoft YaHei
  隶书：LiSu
  幼圆：YouYuan
  华文细黑：STXihei
  华文楷体：STKaiti
  华文宋体：STSong
  华文中宋：STZhongsong
  华文仿宋：STFangsong
  方正舒体：FZShuTi
  方正姚体：FZYaoti
  华文彩云：STCaiyun
  华文琥珀：STHupo
  华文隶书：STLiti
  华文行楷：STXingkai
  华文新魏：STXinwei

表格问题🏖

常用的表格可以直接点击编译器上方就有表格这个选项

|你好|  你好|
|--|--|
| 你好 | 你好 |

你好	你好
你好	你好

特殊一点点的表格：

我是X	星期一	星期二	星期三
	X	A	B
	C	D	E

<table>
        <tr >
            <th rowspan="3">我是X</th>
            <th>星期一</th>
            <th>星期二</th>
            <th>星期三</th>
        </tr>
        <tr>
            <td>X</td>
            <td>A</td>
            <td>B</td>
        </tr>
         <tr>
            <td>C</td>
            <td>D</td>
            <td>E</td>
        </tr>
    </table>

这里的关键就是那个rowspan,可以看到第一个表格是横跨了3行的，就是rowspan在起作用，其他的就是普通的HTML语法

再特殊一点点的表格：

我是X	我是X	我是X	我是X

<table> <tr>
<td bgcolor="#FFBB66"  width="100"><font color="#F0F0F0">我是X</font></td>
<td bgcolor="#FF8888"  width="100"><font color="#F0F0F0">我是X</font></td>
<td bgcolor="#5599FF"  width="100"><font color="#F0F0F0">我是X</font></td>
<td bgcolor="#FF8888" width="100"><font color="#F0F0F0"  >我是X</font></td>
<tr></table>

参数说明：非常简单，bgcolor就是修改背景颜色，其他的和上面的那个表格一样🚜🚜🚜

缩写问题☁

这个应该是很多人没有注意过的一点，但是用好它非常重要！下面看效果：

Hi,I am X
Hi,I am X IAX.

<p>Hi,I am X<br>
Hi,I am X <abbr title="I am X">IAX</abbr>.
</p>

赶快用起来吧！🚤

待办问题

• Hi,I am X
• Hi,I am X
• Hi,I am X

- [ ] Hi,I am X
- [ ] Hi,I am X
- [x] Hi,I am X

定义问题🏝

苹果

一种水果

一种品牌，计算机，手持设备

桔子

一种水果

苹果
: 一种水果
: 一种品牌，计算机，手持设备

桔子
: 一种水果

上下标问题🌩

效果图🤘

18^th
29^th
18_th

18^th^
29<sup>th</sup>
18<sub>th</sub>

在这里sup表示上标、sub表示下标，这里使用HTML是支持的噢🏜第一个的话也是常用的方法之一

数学问题💧

数学的公式不知道如何显示应该是非常痛苦的事情，现在来教你们噢💨效果图👇👇👇

$$\sum _{i=1}^n{a}_i=0$$
$$x^{\circ }$$ $$a^x$$ $$\le$$ $$\underset{x}{\underbrace{a_0+a_1+a_2+\cdots +a_n}}$$
$${\left(\frac{a}{x}\right)}^2$$

$$\sum_{i=1}^n a_i=0$$
$$x^{\circ}$$  $$a^x$$  $$\le$$  $$\underbrace{a_0+a_1+a_2+\cdots+a_n}_{x}$$
$$\left(\frac{a}{x} \right)^2$$

总结了非常多的关于数学的各种符号：点我点我

脚注问题🌨

关于脚注问题我只有两种方式🛫

正文内容^[1]

正文内容^[2]

---

1. 这是脚注定义. ↩

2. 脚注定义内容 ↩

<p>正文内容<sup class="footnote-ref"><a href="#fn1" id="fnref1">[1]</a></sup></p>
<p>正文内容<sup class="footnote-ref"><a href="#fn2" id="fnref2">[2]</a></sup></p>
<hr class="footnotes-sep">
<div class="footnotes">
<ol class="footnotes-list">
<li id="fn1" class="footnote-item"><p class="xsj_paragraph xsj_paragraph_level_1">这是脚注定义. <a href="#fnref1" class="footnote-backref">↩</a></p>
</li>
<li id="fn2" class="footnote-item"><p class="xsj_paragraph xsj_paragraph_level_0">脚注定义内容 <a href="#fnref2" class="footnote-backref">↩</a></p>
</li>
</ol>
</div>

流程图问题☂

```mermaid
flowchat
st=>start: Start
op=>operation: Your Operation
cond=>condition: Yes or No?
e=>end
st->op->cond
cond(yes)->e
cond(no)->op```

引用问题🪂

这个是怎么做出来的？

非常简单，直接在前面加上>就行啦

嵌套引用1.

嵌套引用2.

> 嵌套引用1.
>
>>  嵌套引用2.

高亮问题🪐

在你的代码块有关这个代码高亮问题，非常简单，在编译器上方有一个代码块的选项，选择你的语言就可以了，系统会自动高亮的

#include<stdio.h>
int main(){
   printf("你好，这是C语言");
   return 0;
}

.body{
 background-color:red;
}
<!---这里是CSS--->

结语🏩

今日分享总结到此结束，如果对你有帮助，别忘了点赞、收藏和关注噢，有任何问题欢迎在评论区告诉我，我们下期再见🏡🏡🏡