本来是一件很简单的事：上网找一个大家常用流行的代码高亮插件，在wordpress中搜索到该插件，安装好，然后上网熟悉一下使用方法，一切就OK了的。如果一切顺利30分钟就可以结束这次需求。

1. 百度“wordpress语法高亮插件”，一大堆的博客文章推荐介绍相关的方法和插件的，我看了一下这篇文章：wordpress代码高亮插件指南，大概对常用的插件及其特点有了个了解，然后做了和作者一样的选择：Syntax Highlighter and Code Colorizer for WordPress 。
2. wordpress后台中选择插件，安装插件，搜索到该插件，安装后启用，这个没什么问题。
3. 找使用方法，由于该插件已经两年没有更新了，链接老半天才能打开，也没找到官方的guidelines，只好继续百度。方法都很简单，就下面一句话：

   <pre class="brush:name">...your code...</pre>

   使用时把上面的name替换成你的代码类型名，如：shell,c,c++,java,php等，注意小写，把代码放在“…your code…”的位置。我跟着照办，以为是结束，却是问题的开始。

大部分人在完成上面的三步后应该就可以得到我上面的高亮效果了，如果有朋友做完上面三步后测试看到了和我下面相似的结果，那可以参考一下我的解决过程，我做完后测试得到的结果:

很让人无语的效果。由于是wordpress的新手，对插件不熟，同时对php、CSS、html等也不懂，一下子就蒙了。怀疑出问题的原因有：插件与3.4版不兼容、插件本身有问题、相关的设置有问题等，于是我又重新百度新的插件、该插件更详细的使用方法，结果还是不行。我还新安装了个WP SyntaxHighlighter的插件，问题还是一样。

正在一筹莫展时，想起之前测试用的xampp平台，刚好可以在localhost上试试这些插件。结果一试还真就没问题，一对比发现区别在于主题：localhost上使用的是自带的Twenty-eleven主题，个人博客上是我安装的Mantra主题。问题根源出来了：主题和插件有冲突。好吧，第一想法换主题，重新安装了个Green One的主题，安装后测试没问题。不过它的字太小了，字体我也不喜欢，那就修改样式文件吧，又百度了一个小时左右，知道了style.css文件，和一些css的属性，结果不如人意。还是喜欢Mantra的主题，设置方面，有专门的settings界面。重新换回Mantra主题，第二方法，解决到主题和插件的冲突，继续百度。

找到一篇相关的博文：WP高亮插件WP-Syntax与zBench样式的冲突解决小记，不过和我的主题不一样。参考文中提供的方法，修改style.css，可是我没有找到wp-syntax.css文件，只找到了一个pre.css文件，只能参照着改。结果还是不行，依然没有解决掉。没有办法，参照文中作者的思路，我找到主题中所有的CSS文件，把其中的table、td元素相关的属性都注释掉，试了一下，还是不行。

在打算放弃这个主题时，我想到了最后一个方法：对比Twenty-eleven主题和Mantra主题的style.css文件，一点一点代码的排除。因为这两个文件肯定有很大的差异，这几乎就是蛮力，死马当活马医了。很快我就找到了问题代码：

.entry-content code {
 background-color: #FAFAFA;
 border-left: 5px solid #EEEEEE;
 clear: both;
 color: #1B1B1B;
 display: block;
 float: none;
 margin: 0 auto;
 overflow: auto;
 padding: 10px !important;
 text-indent: 0;
 white-space: nowrap;
 width: 95% !important;
 }

继续排除，确定了是display和overflow这两个属性的设置导致的，百度CSS中这两个属性值的含义：display 属性规定元素应该生成的框的类型；overflow 属性规定当内容溢出元素框时发生的事情，看了一下可以设置的属性值，改成：display：inline；overflow：visible；后，问题解决了。

最后我选择了WP SyntaxHighlighter插件，原因是它有对应的属性设置功能，可以自己进行调整，而Syntax Highlighter and Code Colorizer for WordPress 没有。

就这么个小功能浪费了我难得的一个星期六休息天，真是隔行如隔山，要是懂点CSS的东西，估计这问题也就不会纠结一天，看来还是要多花时间扩展知识面。

• 需求：在博客的开头实现想要的分类和页面导航。
• 错误理解：页面类似文件夹或者onenote中的笔记本之类，可以往里面添加文章，因此就可以实现分类了；
• 正确理解：页面是一个单页容器，是用来在其中添加和某一主题紧密相关的内容。
• 弯路方法：页面关系分类目录，未奏效

上网搜索“wordpress中把分类目录作为一个页面”，出来一大堆的结果，真在庆幸马上可以解决问题了，看来一下它们的解决方法，大部分都是添加新的页面模板，修改模板代码实现的。步骤写的也蛮详细，我也就照着尝试了一下，结果把相应页面模板修改好加进去后，在后台的页面属性模板中找不到新加的页面模板。反复检查代码都没错，就是找不到，网上也没搜到和这相关的问题，一时不知道咋办了。

• 正确方法：使用菜单简单高效实现

在百度页面往下找，看到一个说用菜单实现的，感觉挺有道理。看了一下，文章讲的不是很清楚，于是继续百度”wordpress中菜单使用”，看了百度第一篇：http://zmingcx.com/wordpress3-0-using-the-navigation-menu-graphic-tutorials.html，看完以后恍然大悟，原来菜单是这样用的，片刻之后搞定。

• 菜单理解：

wordpress中的菜单实际上应该理解成菜单栏，因为它相当于windows中窗口的菜单栏而不是其中的一个菜单，而添加到wordpress菜单中的项：自定义链接、分类目录、页面等才是我们平常理解的菜单概念。不同的主题对可以实现的wordpress菜单有限制，如mantra主体可以添加三个，菜单管理界面左侧的主题位置是指wordpress菜单在主题中放置位置。

就这么一个简单的问题却耗费了我将近4个小时，让我唏嘘不已。我意识到一些重要的问题：

1、对于一个学习某种技术的新手而言，入门期的一些简单问题会浪费他们的大量时间却不会给他们等价的经验价值，良好的策略是让一个对该技术熟练的人带着新手快速地度过入门期，这将提高整个团队和组织的效率。替代的方案是提供给新手详尽的入门熟悉文档。

2、在网络信息时代，问题总是可以通过网络得到解决，而体现能力的是你的效率，即：同一个问题的解决时间。而这取决于对问题的理解和对网络搜索的熟练，进一步取决于知识结构的广度与深度。这意味着，重要的不是你知道多少，而是你理解多少，以及网络对于优秀的人的重要性。

成功搭建好测试的wordpress平台后，一直蠢蠢欲动地想建一个自己网络wordpress，因此熟悉了主机空间的东西。昨晚搜了一下免费主机空间，然后选择了这个：http://www.freewebhostingarea.com/，它提供免费的三级域名主机空间，你如果已经有自己独立的二级域名的话，也可以绑定使用它提供的免费主机空间。我注册了一个三级域名，按照他详尽的操作提示顺利建立好主机空间。值得注意的是，在这个过程中，一定要记清楚它告诉你的各种用户名和密码，不要混了：注册账户的账户和密码、MySQL数据库的用户和密码及数据库名、FTP的账户和密码、PHPMyAdmin的账户和密码。

安装wordpress的过程也麻烦，首先，用管理界面中的文件管理打开webFTP操作界面，上传wordpress的zip安装包，主机会在上传时自动解压缩；其次，在管理界面用Manage DB打开数据库管理页面，新建一个数据库，记住数据库名、用户名、密码；然后在浏览器地址栏输入你的域名 + /wordpress进入wordpress的安装流程，按照提示输入相关信息，很快就可以搞定了。

昨晚一直弄这个到凌晨3点多，一切完毕后，本以为OK了，结果再次进入我的网站时，给了我一个：“建立数据库连接时出错”，非常的莫名奇妙。上网搜了一下这个问题，大部分答案都是说数据库名、用户名和密码可能不对，可是我反复检查了多遍没有问题，郁闷中。之后看到了一个重新安装wordpress的建议，也不麻烦就Ⅹ了一下，结果成功了：登录PHPMyAdmin，把wordpress使用的那个数据库中的所有表删掉，然后在浏览器中进入wordpress/wp-admin/install.php界面，重新安装一下wordpress。

关于个人网站首页的问题，可以把wordpress目录下的index.php拷贝到/目录中，但是需要对index.php文件进行一下修改，修改一下wordpress主页的路径，将reqiure中的路径

改为：./wordpress/wp-blog-header.php。

今天又整了半天左右，终于是把wordpress给弄的差不多了，以后的主要工作就是记录自己的想法和生活。