写CSDN博客

文章目录

• 前言
• 写博客的规范
• 写博客的小技巧
• 版权声明模板
• 博客表格模板
• 更改博客字体和颜色
• LaTeX 数学公式

前言

这是一篇关于写CSDN博客的文章。记录我的博客规范，技巧，模板，心得。

写博客的规范

1. 一个标题就够了，没必要在正文里面添加一个居中标题，画蛇添足。
2. 少用图片，图片加载比较慢，超过10张图片的安装教程直接用网盘链接，不要直接上传到博客。
3. 正文里面最好不用缩进，浪费时间，而且不缩进也没那么难看。
4. 多空行，避免文章过于拥挤。

写博客的小技巧

1. 怎么自动生成目录？

答：在需要添加目录的地方写@[toc]即可。

@[toc]

> @[toc]

2. 怎么实现页面跳转？比如：返回顶部_{（备注：此链接只在网页端有效）}

举例：你现在在“地球”，但是你想去“月球”。

我在地球，我要去[月球](#name)。

<a id="name"></a>
欢迎来到月球。

或者

欢迎来到<span id="name">月球</span>。

备注：中括号里面可以随便写，圆括号里面#后面的内容必须和id=""的双引号里面的内容一致。
体验一下：我在地球，我要去月球。

3. 外部链接怎么在新标签页打开？

注：Markdown编辑器的链接一般是在新标签页打开，如果不能打开，就用此办法。

答：在需要插入链接的地方添加如下语句。

<a href="url" target="_blank">name</a>

url改成网页的网址，name可替换成任何文字。

举例：去我的博客首页。语句如下：

<a href="https://blog.csdn.net/pfdvnah" target="_blank">wowpH</a>

体验一下：wowpH

4. 怎么插入图片？

Markdown编辑器有插入图片的功能，但是我不知道怎么改变图片大小。因此我不喜欢用默认的方法。

答：

• 基本操作

<img src="url" alt="name" />

url换成图片链接，name换成替换的文本（如果图片加载不出来，将会显示name的内容）。

举例：插入我的头像，添加如下语句：

<img src="https://avatar.csdn.net/4/8/C/3_pfdvnah.jpg" alt="年轻人不要老熬夜" />

效果如下：下面是我的正常加载 ¹ 的头像。

如果你将url写错了，比如你将3_pfdvnah.jpg写成了wowpH.jpg

<img src="https://avatar.csdn.net/4/8/C/wowpH.jpg" alt="年轻人不要老熬夜" />

就会显示如下图片文字。

• 图片居中

<center>
	<img src="url" alt="name" />
</center>

举例：我的头像居中显示语句如下：

<center>
	<img src="https://avatar.csdn.net/4/8/C/3_pfdvnah.jpg" alt="年轻人不要老熬夜" />
</center>

效果如下：

• 两张图片并排居中

<center>
	<img src="url" alt="name" />
	<img src="url" alt="name" />
</center>

举例：两张头像并排居中

<center>
	<img src="https://avatar.csdn.net/4/8/C/3_pfdvnah.jpg" alt="年轻人不要老熬夜" />
	&emsp;&emsp;&emsp;
	<img src="https://avatar.csdn.net/4/8/C/3_pfdvnah.jpg" alt="年轻人不要老熬夜" />
</center>

中间的 是增加几个空格，避免图片挤在一起。

效果如下：

   

• 改变图片大小

<img src="url" alt="name" width="size" />

size为改变后的图片宽度

举例：将我的头像宽度设置为150，语句如下：

<img src="https://avatar.csdn.net/4/8/C/3_pfdvnah.jpg" alt="年轻人不要老熬夜" width="150" />

默认（未设置宽度）效果：
改变大小后的效果如下：

• 图片提示文字

<img src="url" title="tips" alt="name" />

举例：

<img src="https://avatar.csdn.net/4/8/C/3_pfdvnah.jpg" title="我的头像" alt="年轻人不要老熬夜" />

无提示效果：
有提示效果：（将鼠标放在图片上面看看）

版权声明模板

将Title替换成文章标题。将Link替换成文章链接。

---
版权声明
1. 转载、参考、引用必须在首页添加如下文字：
`[Title——wowpH](Link)`
2. 代码原创，公开引用不能删除首行注释（作者，版本号，时间等信息）；
3. 如果有疑问欢迎评论区留言，尽量解答；
4. 如果有错误，还望大侠评论区指正。
---

博客表格模板

<table align="center">
	<tr>
		<th>博主</th>
		<th colspan="2">简介</th>
		<th colspan="2">博客</th>
	</tr>
	<tr >
		<td rowspan="5">
		<a href="https://blog.csdn.net/pfdvnah" title="wowpH">
		<img src="https://avatar.csdn.net/4/8/C/3_pfdvnah.jpg" alt="wowpH" /><br/>
		<font size="4">wowpH</font>
		</a>
		</td>
		<td>排名：</td>
		<td>76801</td>
		<td rowspan="4" colspan="2">
		<a href="https://blog.csdn.net/pfdvnah" title="wowpH">
		<font size="7">wowpH</font>
		</a><br/><br/>
		Not Simple Java
		</td>
	</tr>
	<tr>
		<td>粉丝：</td>
		<td>9</td>
	</tr>
	<tr>
		<td>原创：</td>
		<td>80</td>
	</tr>
	<tr>
		<td>积分：</td>
		<td>930</td>
	</tr>
	<tr>
		<td>等级：</td>
		<td>3</td>
		<td>简介：</td>
		<td>不简单的Java</td>
	</tr>
</table>

效果如下：

博主	简介		博客
wowpH	排名：	76801	wowpH Not Simple Java
	粉丝：	9
	原创：	80
	积分：	930
	等级：	3	简介：	不简单的Java

更改博客字体和颜色

代码如下：

<font color="颜色名" face="字体名" size="大小">需要改变的文字</font>

🔗颜色名，十六进制颜色值，颜色对照表

示例如下：

样式	代码
红色黑体2号	<font color="Red" face="黑体" size="2">红色黑体2号</font>或 <font color="#FF0000" face="黑体" size="2">红色黑体2号</font>
绿色宋体3号	<font color="Green" face="宋体" size="3">绿色宋体3号</font>或 <font color="#00FF00" face="宋体" size="3">绿色宋体3号</font>
蓝色楷体4号	<font color="Blue" face="楷体" size="4">蓝色楷体4号</font>或 <font color="#0000FF" face="楷体" size="4">蓝色楷体4号</font>

LaTeX 数学公式

在公式两端加上美元（$）符号即可，如下所示：

$数学公式$

欢迎来到月球。

---

版权声明：

1. 转载请于首页注明链接形式的写CSDN博客——wowpH；
2. 代码原创，公开引用不能删除首行注释（作者，版本号，时间等信息）；
3. 如果有疑问欢迎评论留言，尽量解答。

---

返回顶部

---

1. 示例中的图片是我的头像，如果我换头像了，可能就不能正常显示，但是语句都是对的，照着来不会错。 ↩︎