博客安装笔记 – WilliamKyle's Home

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

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

1.SyntaxHighlighter 的右上角的问号

修改之前 VS 修改之后

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

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

<br />
.syntaxhighlighter .toolbar {<br />
position: absolute !important;<br />
right: 1px !important;<br />
top: 1px !important;<br />
width: 11px !important;<br />
height: 11px !important;<br />
font-size: 10px !important;<br />
z-index: 10 !important;<br />
}

.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; 修改成

<br />
.syntaxhighlighter .toolbar {<br />
position: absolute !important;<br />
right: 1px !important;<br />
<a href="http://www.thefightlab.org/the-straight-lead/">The</a>   top: 1px !important;<br />
width: 11px !important;<br />
height:  <a href="http://www.wholesalenfljerseysgest.com">wholesale NFL jerseys</a>  11px !important;<br />
font-size: 10px !important;<br />
z-index: 10 !important;<br />
<a href="http://meridadeportes.com/2016/10/09/el-merida-sonrie-de-nuevo-gracias-al-gol-de-jose-ramon-1-0/">gracias</a>  display:none:<br />
}

.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:

}

2.SyntaxHighlighter 代码框右侧滚动条

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

<br />
.syntaxhighlighter  <a href="http://www.williamkyle.com.cn/archives/1.html">世界，你好！</a>  table {<br />
margin: 1px 0 !important;<br />
}

.syntaxhighlighter table {

margin: 1px 0 !important;

}

3.SyntaxHighlighter 的自动换行

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

<br />
.syntaxhighlighter .line {<br />
white-space: pre !important;<br />
}

.syntaxhighlighter .line {

white–space: pre !important;

}

修改成

<br />
.syntaxhighlighter .line {<br />
/*white-space: pre !important;*/<br />
white-space:  <a href="https://www.miamidolphinsjerseyspop.com">cheap MLB jerseys</a>  pre-wrap;<br />
white-space: -moz-pre-wrap;<br />
<a href="http://www.baltimoreravensjerseyspop.com">cheap NFL jerseys</a>  white-space: -pre-wrap;<br />
white-space: -o-pre-wrap;<br />
word-wrap: break-word;<br />
}

.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 版本的复制会把行号也复制进去。

4.CKFinder 的权限设置

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

<br />
include( dirname(str_replace(”, ‘/’,  <a href="http://friendsofnewtroy.org/2005/newsletters/october-2005/">2005</a>  __FILE__)) . ‘/../../../../wp-admin/admin.php’ );

1	include( dirname(str_replace(”, ‘/’, __FILE__)) . ‘/../../../../wp-admin/admin.php’ );

5.CKFinder 的文件路径设置

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

<br />
$baseUrl = ‘http://’ . $_SERVER[“HTTP_HOST”] . ‘/wp-content/uploads/ckfinder/’;

1	$baseUrl = ‘http://’ . $_SERVER[“HTTP_HOST”] . ‘/wp-content/uploads/ckfinder/’;

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

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

Jilljenny说道：

2012年1月31日下午9:45

不错有参考价值

回复
1. WilliamKyle说道：
  
  2012年1月31日下午9:49
  
  写的我很纠结，排版排了很多遍，现在感觉还可以。
  
  回复
2. WilliamKyle说道：
  
  2012年1月31日下午10:02
  
  @Jilljenny, 这个有邮件提示没？
  
  回复
Huixiao说道：

2012年11月15日下午2:57

博主，你好，我按照你的做法，把代码加进去了，但是还是不行，怎么办？求帮忙

回复