博客的第一个主题用了有半年多了,因为一些原因那个主题一直没有完善好。
这次换换风格,来个全黑的。同时更改了语法高亮插件,增加了公式图片生成插件。
1. 模板
a. 修改字体大小
用的是国外的主题HemingwayEx,显示中文的时候,字体偏小。可以修改主题文件中相关的CSS样式和js控制部分来调整。
style.css文件:
body {
color:#BFBFBF;
font-family:"Lucida Grande","Lucida Sans Unicode","Lucida Sans",Verdana,Arial,sans-serif;
font-size:75%; // default is 70%
}
admin/js/textsize.js文件:
var defaultFontSize = 75; //default is 70
b. 控制首页的文章摘要长度
默认的摘要设置,只统计英文单词的数量,无视中文而且过滤摘要中的格式控制,变成了一堆文字。如何统计中文的数量也是比较难的事情,参考http://www.simpleseo.cn/wordpress/the_excerpt_css这里的方法,通过约束显示窗口,来部分显示内容,避免首页文章主题内容过长而影响显示效果。
基本的方法是在首页的文章内容显示的外面加一个div并附上样式id,然后对这个样式做如下约束:
div.className {
width:200px; // 宽度一般会继承上级容器
height:100px; // 注意设置你的高度
overflow:hidden; // firefox下隐藏超出部分
text-overflow:ellipsis; // 显示省略号,FF下只显示截断
}
问题:部分显示,没控制好高度和内容的关系,会出现某行字或图片因遮罩显示部分呈现折断的样子。
2. 公式
之前用到公式也是使用图片,只是这个图片是手动截图的:(
后来发现一个网友的公式很不错,而且还有latex形式的文本公式。后来发现他是自动生成的,用的插件是LaTeXRender。
这篇文章:http://www.ahtczx.com/html/ruanjianziliao/diannaozhishi/2010/0212/112.html 讨论了这个插件,比较复杂。
我根据他的提示,使用了一个现成的简化插件:http://wordpress.org/extend/plugins/latex/ 。虽然有一定的不稳定性,但使用很简单,今后遇到问题再说。
一个简单的例子:
3. 语法高亮
这次使用的是WP-Syntax插件
http://wordpress.org/extend/plugins/wp-syntax/
比较喜欢他简洁的风格。
这个插件的可定制性比较有限,对于使用的模板的风格默认设置显然不合适。
主要参考:http://lync.in/customizing-wp-syntax-code-styles/修改WP-syntax的样式来适合HamingwayEx这个黑色风格的主题。(参考的网站也是很不错的黑色主题,而且提供相应的主题下载,以后可以用一用的),修改方法在链接文章中有详细的说明,在此不加赘述。我是直接使用lync.in网站都主题文件中的设置的:)
建立个人博客之后,由于主观和客观的原因都会需要迁移博客。本文主要针对wordpress博客迁移过程中遇到的一些问题做一下记录。
一、本人的第一博客迁移是把在本机测试的博客迁移到购买的虚拟主机空间上。购买的是浪点科技的红色主机,支持包括mysql, phpmyadmin, ftp。
大致的过程如下:
首先、在本机使用本地的phpmyadmin将数据库中的数据导出来:选中数据库 –> 导出 –> 另存为文件
第二、在虚拟主机上面创建数据库,然后登录虚拟主机上的phpmyadmin选择刚刚创建的数据库,选择导入文件,选择从本机数据库导出的文件执行。
第三、将本机的wordpress这个目录拷贝出来,然后修改wp-config.php文件,将虚拟主机上的数据库相关信息替代原有设置。
第四、使用ftp登录虚拟主机空间,将文件上传至相应目录(redphp提供的是public_html目录)。
之后遇到的一些问题:
1、修改后台登录的路径
在本机测试时为了使局域网内部能够访问,将设置为本机ip地址。上传文件之前没有修改,这样在文件上传至空间后就无法登录的到其后台Dashboard。
解决:之间修改空间中的mysql数据库中相应表的字段。
2、上传文件失败
主要是发现之前上传的图片无法显示,仔细查看发现图片的URL标识是硬编码在Post页面上的,其中使用了局域网中的ip地址。然后删除后想重新上传发现失败。
解决(参考):
a) 权限问题
一般服务器是linux,对文件夹及文件的读写权限都有限制。
需要打开uploads的权限,这里将其改为777(我暂时对wp-content文件设置权限了,待明确)
在提供空间提供商提供ftp服务时,可以选中文件夹后右击选择属性,修改其权限为777,并且勾选应用到所有子目录和文件。
b) 路径问题
Settings > Miscellaneous > Store uploads in this folder
Make sure this is set to:
wp-content/uploads
and not (一般服务器是linux的,/表示根目录)
/wp-content/uploads
发现这里在测试时填写的竟然是绝对路径,非相对路径,迁移后路径自然不对。
favicon图片就是显示在浏览器地址栏和标签页上面的图片,可以称为迷你logo。一般命名为favicon.ico,是一种特殊的位图格式,规定的尺寸是16X16。
制作这种图片需要特殊的软件,一般可以使用已有的png, jpg, gif等格式的图片,通过在线服务生成favicon图片。
1、Fvicongenerator 2、FavIcon from Pics
导入制作好的其他格式的图片,然后按照在线生成网站上的说明生成favicon图片。
下面直接将生成的favicon图片替换wordpress的theme文件夹下面的favicon.ico图片,如果文件名有改动,需要修改header.php文件:
<link rel=”shortcut icon” title=”Code Style shortcut icon” href=”/favicon2.ico“ type=”image/x-icon” />
路径、名称、格式等等。
使用插件
SyntaxHighlighter
example:
public class HelloWord {
public static void main(Strings args[]) {
System.out.println(&quot;Hello World, my blog&quot;);
}
}
参考:
http://wordpress.org/extend/plugins/syntaxhighlighter/
http://www.puffyandmishu.com/article.php?id=33
插件下载地址:http://wordpress.org/extend/plugins/wp-slug/
主要功能:将url中的中文通过google翻译成英文,如果没有合适的则转换为拼音。
所以这个插件需要访问google翻译网站(估计是调用api),默认的访问网址是translate.google.com。
我的环境是电信+ccproxy代理。首先无法访问google.com,其次需要设置代理。
修改如下:
1、修改插件文件wp-slug..php,使用google.cn:
将:$url = “http://translate.google.com/translate_t?langpair=zh|en”;
改为:$url = “http://translate.google.cn/translate_t?langpair=zh|en”;
2、在wp-includes/class-snoopy.php中设置proxy参数:
var $host = “translate.google.cn”; // host name we are connecting to
var $port = 8080; // port we are connecting to
var $proxy_host = “”; // proxy host to use
var $proxy_port = “”; // proxy port to use
var $proxy_user = “”; [...]
可恶的代理!
in the configuration file wp-config.php
define(’WP_PROXY_HOST’, ‘192.168.84.101′);
define(’WP_PROXY_PORT’, ‘8080′);
define(’WP_PROXY_USERNAME’, ‘my_user_name’);
define(’WP_PROXY_PASSWORD’, ‘my_password’);
define(’WP_PROXY_BYPASS_HOSTS’, ‘localhost, www.example.com’);
参考:http://wpengineer.com/wordpress-proxysupport/
http://wordpress.org/extend/plugins/wp-slug/
安装的时候发现需要给解压后的文件有x权限。
记住以后要关注
刚才看见了中文乱码!my god
参考下文,解决:
http://cookinglinux.cn/ubuntu-local-wordpress-404.html
http://degula.com/wordpress/200903166/wordpress-apache-rewrite.html