如何个性化的设置自己的博客

目录是博客内容高度总结的显示方式，可以直观展现博客表达的脉络，起到提纲挈领的作用。如果你的博客内容较少目录的作用不是很大，但是如果你的博客长篇大论，一个好的目录可以清晰的展现你的思路和内容纲要，不至于让你的观众看着看着想点右上角的叉叉。如果百度百科没有这样的目录，你还有仔细看下去的勇气么？由于自己有一点HTML的基础，就想着自己做一个目录，主要分为三个步骤。

步骤一、选择并添加目录

选中希望添加目录的位置，右击选择查看元素，选择<div><p><h1>等元素标签，右击，选择编辑HTML元素

步骤二、设置目录列表的样式

添加标签<div>在层标签中再添加列表，设置列表的格式等内容，并为每个<li>标签设置href属性，<li href="#t1">目录1</li>.依次为每个目录添加此标签，最终效果如下所示：（直接引用的自己博客中的内容）

<div style="border:solid 1px #ccc; background:#eee; float:left; min-width:200px;padding:4px 10px;"><span style="font-family: Arial, Helvetica, sans-serif;"><p style="text-align:right;margin:0;"><span style="float:left;">目录<a href="#" title="系统根据文章中H1到H6标签自动生成文章目录">(?)</a></span><a href="#" onclick="javascript:return openct(this);" title="收起">[-]</a></p><ol style="margin-left: 14px; padding-left: 14px; line-height: 160%;"><li><a href="#t0">无处不在的HttpContext</a></li><li><a href="#t1">HttpContextCurrent到底保存在哪里</a></li><li><a href="#t2">HttpContext并非无处不在</a></li><li><a href="#t3">如何获取文件绝对路径</a></li><li><a href="#t4">异步调用中如何访问HttpContext</a></li><li><a href="#t5">安全地使用HttpContextCurrent</a></li></ol></div></span>

步骤三、添加关联项

在文本内容处添加<h1>、<a>标签<h1><a name="#t1"></a>目录1</h1>（此处的name一定要与<li>中的href的值对应）。如果想做的更好一些可以设置<h1>的样式，本文只是以点带面，简要介绍。最终效果如下所示：