网页设计与网站建设案例教程高质量外链平台

写在前面

由于Markdown的编辑方式有时候并不那么方便，想要随心所欲的修改字体大小，颜色以及格式的变换还是有那么一点点困难，在此搜索前辈们的博客以及个人经验的总结，也方便以后我所需要便可以直接查看。比如CSDN上所写的博客，能否与知乎上的进行转接或者直接同步呢？有时候插入的图片太小，也无法调整合理的图片大小？再者公式的编辑很困难，目前我都是学习完后，word总结并截图的方式给读者展示的。诸如之类的问题，本博客就小结一番。

学习目标：

1.字体格式、大小和颜色的修改

2.图片的大小调整，以及正文缩进和加粗

3.一份通用的CSDN写作模板。

---

学习内容：

1.修改字体、字号和颜色等

<font face="黑体">我是黑体字</font>
<font face="微软雅黑">我是微软雅黑</font>
<font face="STCAIYUN">我是华文彩云</font>
strong标签<strong>加粗</strong>
B标签<b>加粗</b>
h加粗标签<h1><font face="Arial black">A heading</font></h1>
<font color=#0099ff size=7 face="黑体">color=#0099ff size=72 face="黑体"</font>
<font color=#00ffff size=72>color=#00ffff</font>
<font color=gray size=72>color=gray</font>
<h1 style="color:blue;text-align:center">This is a header</h1>

Size：规定文本的尺寸大小。可能的值：从 1 到 7 的数字。浏览器默认值是 3。

效果显示：

我是黑体字
我是微软雅黑
我是华文彩云
strong标签加粗
B标签加粗
h加粗标签

A heading

color=#0099ff size=72 face=“黑体”
color=#00ffff
color=gray

This is a header

其中，Markdown是一种可以使用普通文本编辑器编写的标记语言，通过类似HTML的标记语法，它可以使普通文本内容具有一定的格式。但是它本身是不支持修改字体、字号与颜色等功能的。CSDN-markdown编辑器是其衍生版本，扩展了Markdown的功能（如表格、脚注、内嵌HTML等等）！对，就是内嵌HTML，接下来要讲的功能就需要使用内嵌HTML的方法来实现。

颜色名列表，具体参考博客csdn如何修改文字体及颜色

<font face="黑体">我是黑体字</font>
<font face="微软雅黑">我是微软雅黑</font>
<font face="STCAIYUN">我是华文彩云</font>
<font color=#0099ff size=7 face="黑体">color=#0099ff size=72 face="黑体"</font>
<font color=#00ffff size=72>color=#00ffff</font>
<font color=gray size=72>color=gray</font>

效果显示：

我是黑体字
我是微软雅黑
我是华文彩云
color=#0099ff size=72 face=“黑体”

color=#00ffff

color=gray

2.调整图片的大小

当粘贴的图片出现下方显示时，可以通过设定来改变图片的大小。

哇咔咔 还是并没有显示出图片来，但提交之后就会显示出图片。

<img src=“https://img-blog.csdnimg.cn/20201228175256137.png?x-oss-process=image/watermark,type_ZmFuZ3poZW5naGVpdGk,shadow_10,text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3FxXzQyMjQ5MDUw,size_16,color_FFFFFF,t_70?#pic_center” width=“20%”/>

一份通用的CSDN写作模板

<font color=#00ffff size=5>不同颜色</font>## 1二级标题<font size=5 face="黑体">1.1子标题</font>## 2二级标题<font size=5 face="黑体">2.1子标题</font>## 3总结# 参考文献
[1]
[2]
[3]在这里插入代码片

显示效果：

一级标题

不同颜色

1二级标题

1.1子标题

2二级标题

2.1子标题

3总结

参考文献

[1]
[2]
[3]