优快云博客制作精美操作

前言

一篇好的博客除了内容满满干货外，精美的布局，以及靓丽的符号，也是吸引读者的必要条件之一，本文将从博客文章布局开始，到字体颜色大小、符号代码，最后到快捷键操作。

操作之精美布局

博客一般分为学习类、技术类、纪念类等等，在优快云创作的模板库里有大致的框架：

这些都是比较简单的布局可以再此基础上加上一些绚丽的画面或者惊艳的布局,代码可以参考前端代码：

1、背景色

如知识加上灰色的背景色如上中直接按tab键就可以了。如果要加上色彩的背景色时则可输入以下代码：

 <table><tr><td bgcolor=red>这是一个红色的背景色</td></tr></table>

这是一个红色的背景色

<table><tr><td bgcolor=orange>这是一个橙色的背景色</td></tr></table>

这是一个橙色的背景色

<table><tr><td bgcolor=yellow>这是一个黄色的背景色</td></tr></table>

这是一个黄色的背景色

2、实用的图片

<img src="https://i-blog.csdnimg.cn/blog_migrate/a3afa1556f282b002b98f46a1735a1af.gif#pic_center" alt="在这里插入图片描述">

图片地址后加#pic_center表示图片居中，加width="400" height="400" 表示图片大小如图：

3、文本设置 

用id=”first“标记此文本内容

文字居中

文字居中

文字换行

 <center>文字居中</center>
 <div align=center> 文字居中</div>
 <br>文字换行

csdn中有@[TOC]自动添加目录带链接功能，但是我们要自行设置跳转内容的话则需要以下操作：

<span id="first">用id标记此文本内容</span >
不添加URL地址，表示跳转到本文标记的位置
<a href="#first">first标记的内容</a>

first标记的内容为体现效果将跳转至文本设置前。

3、文本样式

*敲掉文本* _强调文本_
**加粗文本**  __加粗文本__
==标记文本==
~~删除文本~~
<u>文本</u>
10^2^
X~2~
<small>小号字体</small>
中号字体
<big>大号字体</big>
> 引用文本

强调文本
强调文本
加粗文本
加粗文本
标记文本
删除文本
下划线文本
10²
X₂

引用文本

引用文本内加入超链接与不同字体（字体操作请看操作之炫色字体）

  欢迎来到优快云

<font face="楷体" color=blue size=4>&nbsp;&nbsp;欢迎来到[优快云](https://www.youkuaiyun.com/)</font>

4、表格与分割线

表格
makedown表格,:号表示文本方向

| Column 1 | Column 2|
|--------| -------------:|
| 文本居中 | 文本居右 |

Column 1	Column 2
文本居中	文本居右

*或-三个以上即可成分界线

---

---

5、引用与注释

****这是第一段引用^[这是引用的出处]

****这是第一段引用¹

<!-- 下面是注释内容，为了形象加上引入符号-->

操作之炫色字体

<small>小号字体</small>
中间字体
<big>大号字体</big>

小号字体
中间字体
大号字体

<font face="隶书" color=blue size=6>**这是一个隶书蓝色字体**</font>
<font face="楷书" color=red size=6>**这green是一个楷书红色字体**</font>
<font face="宋体" color=green size=6>**这是一个宋体绿色字体**</font>

这是一个隶书蓝色字体
这green是一个楷书红色字体
这是一个宋体绿色字体
这是一个行楷黄色字体

操作之炫丽符号

1、数字符号

1️⃣:one:
2️⃣:two:
3️⃣ :three:

2、特色符号

💫 :dizzy:
⭐️ :star:
💗:heartpulse:

3、指示符号

⬆️:arrow_up:
⬇️:arrow_down:
⬅️:arrow_left:
➡️:arrow_right:

操作之快捷输入

撤销 Ctrl +Z
重做 Ctrl +Y
加粗 Ctrl +B
斜体 Ctrl +I
标题 Ctrl +Shift +H
有序列表 Ctrl +Shift +O
无序列表 Ctrl +Shift +U
待办列表 Ctrl +Shift +C
插入代码 Ctrl +Shift +K
插入链接 Ctrl +Shift +L
插入图片 Ctrl +Shift +G
查找 Ctrl +F
替换 Ctrl +G

参考博客：
1
2
3

---

1. 这是引用的出处 ↩︎