DIY自己的Blog

        今天闲来无事，偶然看到【博客栏目】是支持 HTML 格式的，且不说单纯 HTML 能做出多漂亮，不过添加文字、图片各种修饰也是不错的。楼主以前看过一点HTML而已啦，有很多不懂的地方，有不错想法的童鞋透漏一下给我啦！

先做个简单的，添加一个可移动文字的栏目，很简单：

<marquee style="width:388px; height:70px">
<div align="left"></div>
<center><font face="Times New Roman" color="#008000" size="4"></font></center>
<div align="top"></div>

 <p><font size="2">To you:</font></p>
<p><font size="2">      When you know I really try to be a better one to satisfy you.</font></p>
<p><font size="2">For your everything to me and I’ll do what you ask me.</font></p>
<p><font size="2">                                                                        From Jammgit</font></p>
<br>

 <p></p>
<center></center>
</marquee>

把这个添加到内容，效果：

图.1

可以看到，文字是从右到坐移动。

添加一个超链接也很简单，比如把自己的Github地址放上去：

<a href="https://github.com/jammgit">https://github.com/jammgit</a>

这样子就有一个超链接在栏目啦，炒鸡方便。

也可以放图片哦，不过不是什么图片都可以放，如果你随便找一个不在csdn服务器的图片，结果如下：

图.2

不允许使用外站，那意思是可以使用本站的吧，那么我们如何把自己心动的图片放到博客栏目中呢？

有办法，随便打开一个csdn网站，注意登陆的账号必须是此博客账号，查看HTML源码，例如我的，我在【我的CSDN】这段代码：

<dt><a href="javascript:;"><img src="http://avatar.csdn.net/8/A/9/1_jammg.jpg" class="header"><span class="edit_person_pic"></span></a></dt>

明显，我头像保存的路径得到了，好的，将它添加到【博客栏目】看看：

<a href="http://www.baidu.com"><img src="http://avatar.csdn.net/8/A/9/1_jammg.jpg"></a>

图.3

呦西，成功！要用其它图片的话，也很简单，随便找个csdn技术问答，必须是csdn的服务器提供服务的网站哦，比如我区技术问答那里回答问题，那里有个添加图片的功能：

添加一个图片，就可以看到csdn上传了，而且给出了连接，so easy！

<a href="http://www.iqiyi.com/v_19rrokc7rw.html?flashvars=videoIsFromQidan%3Ditemviewclk_a#vfrm=5-6-0-1">
<img src="http://img.ask.csdn.net/upload/201604/14/1460627741_94080.jpeg">
</a>

为图片创建一个连接到爱奇艺的海贼王，累了直接点开看动漫！O(∩_∩)O哈哈~

还有很多我不知道的，欢迎指出，学习学习哦～