博客安装笔记

之前博客的安装记录。 https://web.archive.org/web/20121105184732/http://www.williamkyle.com.cn/

以下是原文：

WordPress的安装就不用怎么多说了。下载、解压、移动到你想要的目录，修改owner，建数据库，安装就是的。

我主要讲一下插件的问题，我装的是CK and SyntaxHighlighter这个插件，它综合了CKEditor、CKFinder以及SyntaxHighlighter三个软件，能够提供可视化编辑器、文件管理以及语法高亮。这个插件还是很不错的，至少很对我的胃口，然而这几个插件本身有着一些不足之处，所以得对它们进行一些修改。

SyntaxHighlighter的右上角的问号

修改之前 VS 修改之后

由于这个插件里的SyntaxHighlighter用的是3.x版本的，右上角会有一个问号出现，可以通过修改css文件让它不显示。

首先打开/wp-content/plugins/ck-and-syntaxhighlighter/syntaxhighlighter/styles/shCoreCk.css 找到

.syntaxhighlighter .toolbar {
  position: absolute !important;
  right: 1px !important;
  top: 1px !important;
  width: 11px !important;
  height: 11px !important;
  font–size: 10px !important;
  z–index: 10 !important;
}

添加一个display:none;修改成

.syntaxhighlighter .toolbar {
  position: absolute !important;
  right: 1px !important;
  top: 1px !important;
  width: 11px !important;
  height: 11px !important;
  font–size: 10px !important;
  z–index: 10 !important;
  display:none:
}

SyntaxHighlighter代码框右侧滚动条

如上面所示，这个滚动条出现的很难看，同样修改shCoreCk.css文件，在第54行添加代码

.syntaxhighlighter table {
  margin: 1px 0 !important;
}

SyntaxHighlighter的自动换行

SyntaxHighlighter 3.x版本貌似不会自动换行，同样可以通过修改shCoreCk.css文件让其自动换行

.syntaxhighlighter .line {
  white–space: pre !important;
}

修改成

.syntaxhighlighter .line {
  /*white-space: pre !important;*/
  white–space: pre–wrap;
  white–space: –moz–pre–wrap;
  white–space: –pre–wrap;
  white–space: –o–pre–wrap;
  word–wrap: break–word;
}

不过这样还是有问题的，它把折下去的行也算入行号内了，所以到后面，行号会缺少。

这个在SyntaxHighlighter 2.x版本没有出现，但是2.x版本的复制会把行号也复制进去。

CKFinder的权限设置

CKFinder的后台首页是个html文件，可以直接访问，并创建文件夹、上传文件，危害甚大，所以必须处理。我的解决方案是在/wp-content/plugins/ck-and-syntaxhighlighter/ckfinder/config.php文件里面添加WordPress的wp-admin/admin.php的引用，这样一来，就只有能登陆后台的用户使用这个功能了。

include(dirname(str_replace(", '/', __FILE__)) . '/../../../../wp-admin/admin.php');

CKFinder的文件路径设置

由于这个插件返回的文件路径使用的是相对路径，导致在后台编辑的时候不能显示的上传的文件，同样修改一下config.php即可，但是文件路径返回的是使用时的域名路径，所以如果修改了域名的话，估计都得修改了。

$baseUrl = 'http://' . $_SERVER["HTTP_HOST"] . '/wp-content/uploads/ckfinder/';

暂时就改了这么多，当然主题也改了一下，折腾了很久，最终由于PhotoShop水平有限，只是正式修改了一小部分，暂时就先这样吧，用空了再继续折腾。