前言
这是一篇关于写CSDN博客的文章。记录我的博客规范，技巧，模板，心得。
写博客的规范
- 一个标题就够了，没必要在正文里面添加一个居中标题，画蛇添足。
- 少用图片，图片加载比较慢，超过10张图片的安装教程直接用网盘链接，不要直接上传到博客。
- 正文里面最好不用缩进，浪费时间，而且不缩进也没那么难看。
- 多空行，避免文章过于拥挤。
写博客的小技巧
- 怎么自动生成目录？
答：在需要添加目录的地方写@[toc]即可。
@[toc]
> @[toc]
- 怎么实现页面跳转？比如：返回顶部（备注：此链接只在网页端有效）
举例：你现在在“地球”，但是你想去“月球”。
我在地球，我要去[月球](#name)。
<a id="name"></a>
欢迎来到月球。
或者
欢迎来到<span id="name">月球</span>。
备注：中括号里面可以随便写，圆括号里面#后面的内容必须和id=""的双引号里面的内容一致。
体验一下：我在地球，我要去月球。
- 外部链接怎么在新标签页打开？
注：Markdown编辑器的链接一般是在新标签页打开，如果不能打开，就用此办法。
答：在需要插入链接的地方添加如下语句。
<a href="url" target="_blank">name</a>
url改成网页的网址，name可替换成任何文字。
举例：去我的博客首页。语句如下：
<a href="https://blog.csdn.net/pfdvnah" target="_blank">wowpH</a>
体验一下：wowpH
- 怎么插入图片？
Markdown编辑器有插入图片的功能，但是我不知道怎么改变图片大小。因此我不喜欢用默认的方法。
答：
- 基本操作
<img src="url" alt="name" />
url换成图片链接，name换成替换的文本（如果图片加载不出来，将会显示name的内容）。
举例：插入我的头像，添加如下语句：
<img src="https://avatar.csdn.net/4/8/C/3_pfdvnah.jpg" alt="年轻人不要老熬夜" />
效果如下：下面是我的正常加载 1 的头像。
如果你将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="年轻人不要老熬夜" />
   
<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>