博客安装笔记

之前博客的安装记录。 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 水平有限,只是正式修改了一小部分,暂时就先这样吧,用空了再继续折腾。

《博客安装笔记》上有4条评论

回复 WilliamKyle 取消回复

您的电子邮箱地址不会被公开。 必填项已用*标注