从Z-blog到WordPress的完美数据转换

纠结了很久,游魂坚守z-blog的心终于动摇了,于是投靠了WordPress,下面游魂就讲一下怎么样完美的从z-blog转换到WordPress。

一、数据导出导入

首先是把数据从z-blog中导出,游魂第一次用的是月光博客提供的那个MovableType插件,但是该插件导出的数据中Tag是连在一起的,就是如果你的文章有很多Tag的话,该插件会将这些Tag合并成一个,这就给后续带来了十分巨大的工作量,所以游魂找到了鸟儿童鞋对MovableType插件的修改版,这个修改版可以完美导出Tag(下载地址:Dbank)。导出后你就可以将数据导入到你新安装的WordPress中了,然后数据导入工作结束。

二、301转向

为什么要用301转向游魂就不再说明了,作用你懂的。

需要做转向的地址游魂分了六大类:文章,分类,标签,翻页,文章归档,其他页面。301转向数量少的可以用Redirections插件一条一条的写,但是多了就不好办了。

1.文章

游魂之前的博客删除了不少文章,于是ID不连续,并且游魂以前的日志地址是 https://www.youhun.org/分类别名/文章ID/ 的形式,基本上写通用型的301转向是不太可能了,单是400多篇文章也不能一条一条的去写规则啊,于是游魂想到了sitemap文件,这个文件记录的只有文章地址和日期等数据,并且刚好是按照时间顺排列的,将游魂博客的z-blog中的sitemap文件中的地址数据复制出来,然后用EmEditor这个文本编辑器用一些简单的正则表达式把时间等数据都去除掉,然后放进Excel表格中,然后再用同样的方法处理游魂博客的WordPress版的sitemap文件,于是一个前边是老地址,后边对应新地址的表格就做好了,然后将数据复制到文本文件中,你就会发现每一行的前边是老地址,后边是新地址,然后将数据批量替换成下边这种新式

Redirect 301 /impression/421/ https://www.youhun.org/404.html

这就是一条301转向规则了,用批量替换就能将400多篇文章都生产301规则,如下图所示

从z-blog到WordPress的完美数据转换

2.标签

当年游魂为了长尾流量,每篇文章就死命的使用大量长尾标签,于是400多篇文章,将近700的标签,于是就想给标签写一个通用的规则,可是z-blog的标签地址太诡异了,空格是” + “,地址还分大小写,而Linux主机是区分大小写的,并且WP会自动把空格转化成” – “,于是通用规则又泡汤了,但是一条一条的写也是不可能的,于是还是选择用文本编辑器批量修改。

在z-blog的tags页面把所有的Tag的地址都复制到文本中,至于怎么去掉其他的数据自己想办法,总之要保证一行一个。WP没有独立的Tag页面,所以我们用z-blog导出的数据就行了,但是需要改一下地址。z-blog中标签地址有如下三种:

1)带空格的,例如标签Adsense for Feeds的地址是 https://www.youhun.org/catalog.asp?tags=Adsense+for+Feeds

2)包含中文的,例如标签110米栏的地址是 https://www.youhun.org/catalog.asp?tags=110%e7%b1%b3%e6%a0%8f

3)纯数字或者英文的,例如标签123地址是 https://www.youhun.org/catalog.asp?tags=123

对于第一种需要先将“+”地换成“-”,然后再将 https://www.youhun.org/catalog.asp?tags= 替换成 https://www.youhun.org/tag/

对于后边两种直接将 https://www.youhun.org/catalog.asp?tags= 替换成 https://www.youhun.org/tag/

然后将z-blog所有标签和WP所有的标签用Excel表格做成前后对应的表格,然后再复制到文本中作为备用。

这时301规则就和前边文章的规则不太一样了,前边用到的是“Redirect 301”,但是这个规则对于动态页的转向似乎没用,于是游魂找到了Redirection插件,先将以上三个Tags填写到Redirection插件中,然后在Redirection插件–模块–WordPress–Apache中导出.htaccess,查看一下这个.htaccess,基本上就明白怎么做了

这时我们使用的是RewriteRule规则,于是一些符号都需要做转义处理了:

批量将 % 替换成 %25

批量将 + 替换成 %2B

批量将 ? 替换成 %3F

批量将 = 替换成 %3D

批量将 + 替换成 %2B

标签Adsense for Feeds的301规则:RewriteRule ^catalog\.asp%3Ftags%3DAdsense%2Bfor%2BFeeds$ https://www.youhun.org/tag/adsense-for-feeds [R=301,L]

标签123的301规则:RewriteRule ^catalog\.asp%3Ftags%3D123$ https://www.youhun.org/tag/123 [R=301,L]

标签ADSL快速换IP地址的301规则:RewriteRule ^catalog\.asp%3Ftags%3DADSL%25e5%25bf%25ab%25e9%2580%259f%25e6%258d%25a2ip%25e5%259c%25b0%25e5%259d%2580$ https://www.youhun.org/tag/adsl%25e5%25bf%25ab%25e9%2580%259f%25e6%258d%25a2ip%25e5%259c%25b0%25e5%259d%2580 [R=301,L]

批量写好这个之后,可以导入到Redirection插件中。

3、分类 翻页 文章归档

分类翻页文章归档都比较少,直接在Redirections插件中填上老地址和新地址,自己一条一条的写就行了

4、其他页面

游魂的z-blog除了上述页面之外,还有关于页面,留言页面,Tags页面,在WP的页面选项中新这些页面,然后在Redirection插件中填上新老地址,即可做301转向

其中关于和留言都简单,但是Tags页面需要自己添加一个模板,这样才能生成Tags页面,方法如下:

1)将所用模板目录下的page.php模板用ftp下载回来,然后改名为tags.php
2)将tags.php模板用编辑器打开,在头部添加如下代码

<?php
/*
Template Name: Tags
*/
?>

3)在tags.php模板中找到<?php the_content(); ?>,替换为下边三种形式的任意一种

<center><h2>统一字体大小</h2></center><?php wp_tag_cloud(‘smallest=1.2&largest=1.2&unit=em&number=0&orderby=count’); ?>

<center><h2>默认</h2></center><?php wp_tag_cloud(‘number=0&orderby=count’); ?>

<center><h2>随机</h2></center><?php wp_tag_cloud(‘number=0&order=rand’); ?>

4)上传tags.php模板,然后新建tags页面,内容为空,选择Tags模板即可

三、保持页面Title一致

当你改动页面标题的时候,百度会对你的网站有一定的权重降低,所以从z-blog转到WP的时候一定要保证大部分页面标题和原来一致,总的来说就是首页、分类页、文章页和Tag页。

但是如果你在使用z-blog的时候没有调用tag加入文章页的Title中,那么All in one seo之类的插件完全能满足你的需求,但是游魂在使用z-blog的时候,将tag加入了文章页的title中,于是游魂就犯难了,现有的插件都搞不定这个,当游魂准备放弃的时候,hzlzh童鞋出现了(目前使用模板的作者),于是游魂得救了,他说在页面之外调用Tag比较麻烦,但是能做,于是第二天游魂就拿到代码了,代码如下,游魂也没搞明白,只管用了

<title><?php
// Logic of printing the <title> tag
global $page, $paged;
echo trim(wp_title( ”, false, ‘right’ ));
global $post;

$post_tags = wp_get_post_tags($post->ID);
$numItems = count($post_tags);
$i = 0;
if (is_singular()){
//print_r($post_tags);
foreach ($post_tags as $post_tag) {
if($i == 0){
echo ‘-‘.$post_tag->name;
}
elseif ($i+1 == $numItems){
echo ‘,’.$post_tag->name;
}
else{
echo ‘,’.$post_tag->name;
}
$i++;
}

$post_cates = wp_get_post_categories($post->ID);
$cats = array();

foreach ($post_cates as $c) {
$cat = get_category( $c,false);
echo ‘-‘.$cat->name;
}
}
if ( !is_home() ) echo “-“;
bloginfo( ‘name’ );

// Paged format
if ( $paged >= 2 || $page >= 2 )
echo ‘ – ‘ . sprintf( __( ‘Page %s’, ‘dot-b’ ), max( $paged, $page ) );
?></title>

哪位童鞋在搜索 WordPress 文章页 title 调用Tag之类的关键词的话,应该有所帮助

总结

从z-blog转到wordpress不难,难的是不去做,遇到问题不去搜索,不要老想着自己能解决一些,是在不行就求助高手。

PS:坚守z-blog快4年了,终于没有挡住WordPress的诱惑。基本上所有从Z-blog到WordPress的数据转换的问题都解决了,以后就开始我的WordPress之旅了。

从Z-blog到WordPress,正在做最后的扫尾工作

上篇文章是在z-blog里边写的,没转移过来,不要它了,游魂正在为转换到WP做最后的一些扫尾工作,已经给域名解析过来了,在游魂的一个美国VPS上,速度不是太快,但是基本上不太抽风。

好了,先写到这里,游魂继续干活,等所有的工作都结束了,游魂会写一篇从z-blog完美转换到wordpress的心得,给那些想要投靠WP的人们作为指引

游魂推荐的10个z-blog必备插件

  今天游魂推荐一下自己装的那些z-blog插件们,z-blog安装后自带的插件就不说了,大家都在用,说了也没啥意思,游魂就讲一下要推荐的插件和推荐的理由,排名不分先后,因为游魂认为他们都很有用。

  列表插件:列表插件提供了包括文章排行,随机文章等多种文章列表,此插件提供了17种列表,极大的扩充了文章列表以及侧边栏的种类,可以让博客更好的展示文章。甚至可以借助此插件将你的博客改装成小型CMS。

  文章链接助手:巴士飞扬当时说这个是原创文章的助手,我觉得这个插件对于SEO有很好的效果,当你在写文章的时候,突然想到可能和之前的文章有关联时,几个简单的关键词搜索就能插入以前文章的链接,这样把文章关联起来,形成一个网,对于优化有不错的效果。当别人采集你的文章的时候也能给你带来外链,就不怕采集了。

  RSS Feed优化插件:这个插件可以丰富一下Feed输出的内容,可以添加上版权申明、继续阅读、添加评论、相关文章、本文评论等一些常用的文字和链接,这样可以将订阅用户吸引到你的博客上去浏览,还可以在Feed中添加广告,这样 一来Feed也能为你赚点小钱了。

  Archiver 文章列表:z-blog没有html版的地图让大家诟病了很久,这个插件可以弥补这个不足,可以选择生成分页或是不分页的所有文章列表,游魂还没超过500篇文章呢,现在一直是用不分页的列表。(点击查看文章列表演示)

  NOBIRDArticleSEO:又是一个游魂重点推荐的插件,也是弥补了z-blog的一个小不足,这个插件可以去除摘要中的html标签和字符,然后把摘要作为文章的描述(Description),关注SEO的博主们应该是最需要这个插件了

  自助快捷方式:这个就是懒人必备了,直接在前台生成一个修改文章的链接(登录状态下才显示),点击后直接弹出修改文章的窗口。

  文件复制插件:在同一个网站使用过多个Z-Blog系统的用户,可能会需要这样的功能,就是从一个Z-Blog调用另外一个Z-Blog的信息,例如最新文章、最新评论 等,本插件即可完成这样的功能。游魂认为这个插件的SEO功效不错,可以把主博客首页的权重传递到你调用的子博客上一点点,因为这个插件不是脚本调用,而是自动指定第二个Z-Blog文件中INCLUDE目录下的文件到主博客的INCLUDE目录下,然后再通过模板引用的方式展示出来。

  评论之星:这个就是为人民服务插件了,这个插件可以统计设定条件内的评论者,按其评论次数从多到少排列出来。

  新评论/回复邮件通知插件:只要评论者评论时填写了邮箱,这个插件就会自动将你的回复内容发送到他填写的邮箱中去,当他收到你的邮件的时候,或许会点击链接进入你的博客再浏览一番,所以说是这个插件就是回头客制造者。

  BFXML友情链接:专门为ZBLOG做的专用友情链接插件,采用XML做数据库,支持友情链接+网站收藏,同时生成单独页面+首页调用,这个插件比z-blog自带的友情链接强大多了。

  游魂的z-blog插件们推荐完了,可能有些地方说的有些片面,要是你有高见,可以留言或是QQ探讨一下。

发布寂静海(SilentSea)主题(For Z-Blog 1.8)

游魂又移植了一款主题,该主题来自博客大巴,花了好久才搞定的,CSS被我搞的有点乱,先发出来给大家试试看,以后再说修整

主题名称:寂静海(SilentSea)主题

原 作 者:iZ
作  者:游魂
预  览:www.youhun.org/themetest/
兼  容:IE6.0、Firefox2.0通过测试
安装方法:
1、下载主题安装包SilentSea,打开你的后台【主题样式管理】-选择【从本地导入ZTI文件】-【浏览】并选择SilentSea提交。
2、进入【主题与样式选择】,选择SilentSea,选择样式SilentSea.css,提交。
3、重建文件,然后看效果:

下载地址:SilentSea.zti

论坛发布地址:http://bbs.rainbowsoft.org/thread-31677-1-1.html

Ping中心插件和Ping Server的地址

    6月5日z-blog的最新版Z-Blog 1.8 Spirit Build 80605终于正式发布了,新版附带了一个新的插件——Ping中心和引用通告发送器,下面要说的是其中的Ping中心部分。

    为什么要用Ping中心:爬虫抓取太慢是不是,写完一篇文章都要手动更新太麻烦是不是?现在不用在愁了,把ping接口和新爬虫对接,如果ping成功,会在5分钟以内抓取。

    有了Ping中心,不知道爬虫在哪里怎么办?下面是一些收集到的Ping Server地址分享给大家,不过最好不要添加太多,不然出什么问题小生我可不负责任。对了,一些地址可能不管用了 。

http://blogsearch.google.com/ping/RPC2
http://www.feedsky.com/api/RPC2
http://rpc.technorati.com/rpc/ping
http://api.my.yahoo.com/RPC2
http://ping.feedburner.com
http://api.moreover.com/RPC2
http://bblog.com/ping.php
http://bulkfeeds.net/rpc
http://ping.bitacoras.com
http://ping.bloggers.jp/rpc/
http://ping.blogmura.jp/rpc/
http://ping.myblog.jp
http://ping.syndic8.com/xmlrpc.php
http://ping.weblogalot.com/rpc.php
http://pinger.blogflux.com/rpc/
http://rpc.blogbuzzmachine.com/RPC2
http://rpc.blogrolling.com/pinger/
http://rpc.pingomatic.com/
http://rpc.tailrank.com/feedburner/RPC2
http://services.newsgator.com/ngws/xmlrpcping.aspx
http://topicexchange.com/RPC2
http://www.blogdigger.com/RPC2
http://www.blogoon.net/ping/
http://www.blogpeople.net/servlet/weblogUpdates
http://www.holycowdude.com/rpc/ping/
http://1470.net/api/ping
http://api.feedster.com/ping
http://api.moreover.com/ping
http://api.my.yahoo.com/rss/ping
http://bitacoras.net/ping
http://blog.goo.ne.jp/XMLRPC
http://blogdb.jp/xmlrpc
http://blogmatcher.com/u.php
http://blogupdate.org/ping/
http://coreblog.org/ping/
http://mod-pubsub.org/kn_apps/blogchatt
http://ping.amagle.com/
http://ping.blo.gs/
http://ping.blogg.de/
http://ping.cocolog-nifty.com/xmlrpc
http://ping.exblog.jp/xmlrpc
http://ping.rootblog.com/rpc.php
http://ping.weblogs.se/
http://pingoat.com/goat/RPC2
http://pingqueue.com/rpc/
http://rcs.datashed.net/RPC2/
http://rpc.britblog.com/
http://rpc.icerocket.com:10080/
http://rpc.newsgator.com/
http://rpc.wpkeys.com/
http://signup.alerts.msn.com/alerts-PREP/submitPingExtended.doz
http://trackback.bakeinu.jp/bakeping.php
http://www.a2b.cc/setloc/bp.a2b
http://www.bitacoles.net/ping.php
http://www.blogoole.com/ping/
http://www.blogroots.com/tb_populi.blog?id=1
http://www.blogshares.com/rpc.php
http://www.blogsnow.com/ping
http://www.blogstreet.com/xrbin/xmlrpc.cgi
http://www.imblogs.net/ping/
http://www.lasermemory.com/lsrpc/
http://www.mod-pubsub.org/kn_apps/blogchatter/ping.php
http://www.newsisfree.com/RPCCloud
http://www.newsisfree.com/xmlrpctest.php
http://www.popdex.com/addsite.php
http://www.snipsnap.org/RPC2
http://www.weblogues.com/RPC/
http://xmlrpc.blogg.de
http://xping.pubsub.com/ping/
https://phobos.apple.com/WebObjects/MZFinance.woa/wa/pingPodcast

关于z-blog插件的一些唠叨

      那天发现热文排行出问题了,由于我把博客整理了一下,把一些文章重新归了类,由于我使用了目录静态化,所以这些重新归类的文章的地址就改变了,结果我发现【热文排行】里边的文章地址竟然没有变,还是原来的地址,我【索引重建】了N次,就是不管用,我一想:肯定是【列表插件】出问题了,结果到【插件管理】里边一看:我的妈呀,我开了20个插件,而【列表插件】竟然排在了最后,我记得在论坛里边说过【列表插件】要放在前边才行,于是我把一些插件停用,然后又激活了【列表插件】,然后【索引重建】了一下就OK了。

      其他的游魂认为(仅仅是游魂认为)需要排序靠前的插件有:FrontHelper、 LightBox、 Plugin Sapper、Theme Sapper

   游魂在博客上边使用了FrontHelper、 LightBox这两个需要文件重建的插件,由于前几天突发奇想把博客搬到了blog目录(现在又搬回根目录),激活FrontHelper的时候提示我【文件重建】,我想着:激活LightBox之后还要【文件重建】,不如等都激活了一次解决,结果【文件重建】完发现这两个插件都不能使用了,于是我现将两个插件都停用,然后重建,然后激活一个重建一次,然后我的的插件们就都能够显示出效果了。

     所以我想说的是——不要偷懒,不要怕麻烦,不然会更麻烦!

游魂的Z-Blog 1.8 Spirit Build 80605试用报告

    今天在论坛上看到Washun发的抢先试用Z-Blog 1.8 Spirit Build 80605的报名贴就去申请了,然后Washun就把新程序发了过来,写这篇文章的时候使用的是Z-Blog 1.8 Spirit Build 80605(z-blog最新版),我不懂ASP,所以只能说说表面的东东。

下面说说我看到的新状况吧:

一、【索引重建】:万恶的【索引重建】终于被干掉了,这个前些天在论坛上就知道了,之前我只遇到过一类【索引重建】的问题,就是没有文章时打开巴士的列表插件后【索引重建】出错。

二、【文件重建】:改一下导航条就要求【文件重建】,上个版本是要求【索引重建】,只【索引重建】的话就无法其他静态保持一致,这点不错,相当不错(更新记录5中有说)。我没有感觉出来重建的速度变化:我升级前重建用了23.081秒,升级后重建完,然后等了一会又重建了一次,用了23.187秒

三、图片可视化上传:以前的版本上传图片后显示的是:

[i.m g]图片地址[/i m g]

,这样的话要是想给图片加注alt信息还要去修改源码,十分麻烦。新版:可视化上传。发个小图试一下啊  :订阅     这是上传后的源码:

<img title="" alt="" onload="ResizeImage(this,520)" src="https://www.youhun.org/wp-content/uploads/2008/6/订阅.jpg" />

,这样可以方便滴给图片加alt信息了,至于为何要加alt信息,自己百度或者Google一下吧

四、调整了UBB编辑页和FCK编辑页的布局:

 没有展开高级选项时的布局:

没有展开高级选项时的布局

展开高级选项时的布局:

展开高级选项时的布局:

 下边的布局(没有展开PING中心….):

展开后:

五、图片过大时即使不用Lightbox等插件,也不会将侧栏挤下去了,这个功能是我无意中发现的,我在本地装了一个最新版的,几乎没开什么插件,用的是宽910的那个默认主题,上传了一张宽1000的图片,竟然没有将侧栏挤下去,而是生成了一个略缩图,点击后放大。不过华丽的Lightbox没有效果了,不爽。

六、新插件:Ping中心和引用通告发送器,看名字就知道是干什么的了。哈,不用像从前那样发完文章再回来发引用通告了(虽说游魂不常用这个功能)

差不多就这些了,游魂还没有碰到错误呢,看来人品不错

博客从Z-Host搬家到Z-DBS

    今天把博客从从Z-Host搬家到Z-DBS了,当初选择Z-Host是因为是z-blog代理的,现在选择Z-DBS还是因为z-blog,呵呵

    Z-Host是小一介绍的,当时几乎是什么都不懂,想着既然小一都用Z-Host了,咱也用吧(小一是谁?自己看吧:www.xiao321.com)。貌似跑题了,要说Z-DBS的,竟然给小一做广告了(小一!拿广告费来!)

    昨天才在z-blog论坛上边看到Z-Host 近况以及业务调整方案通告一文,于是就想换了,Z-Host用的是迈腾的主机,迈腾的客服QQ在线,可我问问题总是没人回答,顾客是上帝,可上帝都没人搭理!

    上午的时候看到Z-DBS的客服在线,就询问了一下,然后就选择了Z-DBS,公告是说:正常工作日内,客户服务人员会在24小时内为你完成迁徙。可是今天是周日啊,本以为要等相当长时间呢,谁知道一共用了不到一个小时,其中等域名解析还等了半天。哈,现在一切OK了,其实刚才换地方的时候也没出什么问题,只是主页出了点一问题,在后台索引重建了一下就搞定了。现在的主机在上海外高桥(说实话,我也不知道这是哪里o(∩_∩)o…),速度还不错。

最后给Z-DBS做个广告:www.duliboke.com

幸福DE摩天轮两栏主题(For Z-Blog 1.8)

       终于完成了,哈哈,游魂的第一个主题终于在今天搞定了。看大家都在制造自己的主题,咱也手痒了,但是由于对CSS不是很懂,这个所以就参照默认主题的CSS制造了这个两栏的主题,起名叫“幸福DE摩天轮”,图片从网易博客弄的,本来想移植那个主题的,可是水平有限,就做了这么个比较简单的主题

请各位使用者保留主题版权

主题名称:幸福DE摩天轮
作  者:游魂
预  览:无
兼  容:IE6.0、Firefox2.0、Opera9.26通过测试
安装方法:
1、下载主题安装包Fang,打开你的后台【主题样式管理】-选择【从本地导入ZTI文件】-【浏览】并选择Fang提交。
2、进入【主题与样式选择】,选择Fang,选择样式Fang.css,提交。
3、重建文件,然后看效果:

 

论坛发布地址:幸福DE摩天轮

下载地址:Fang.rar

一款不错的FCKeditor

    z-blog自带的可视编辑器那是相当的简洁,看着舒服,可是看着舒服用起来就不怎么舒服了。简洁就意味着功能少,我最受不了的就是那个插入/编辑图片的功能,每次使用都要先上传好,再把地址填写进去,麻烦死了,就不能一气呵成么?呵呵,还是换一个吧,在论坛里边听人推荐了一个,下回来用用感觉还不错,就分享给大家

功能超多

不用我说了,看下边的工具栏截图就知道了

 

编辑图片功能

不过我最喜欢的是它的那个关于图片的功能,它比z-blog自带的可视编辑器的插入/编辑图片的功能多了上传的功能,比原版方便了不少(据锐风说原版的也有这个功能,只是在配置里边吧功能给关掉了,不过还没发现怎么打开的)

原谅我的无知吧,上传功能是个超级漏洞,虽说好用,但是安全第一,删除“FCKeditor/editor/filemanager”目录和其全部子目录,就干掉上传功能了

  

保存远程图片

这个编辑器最大的特色是它能够保存远程图片,右下角的那个按钮就是啦。看到网上得一些好看的图片,直接复制然后粘贴到博客,用这个就直接把图片从网络上自动保存在博客upload文件夹里面,不用一张一张的累死人的上传了

使用前需要设置下远程图片保存目录。
editor\plugins\remoteupload\save.asp
修改内容
ConfigSavePath = "/Upload/"
默认为根目录下的Upload目录,修改注意要以"/"结尾

单独使用,也就是说把这个功能添加到你正在用的FCKeditor里边,具体方法压缩包里边有说明,自己看一下吧,我比较懒,直接用完整的了

 

 

下载地址:FCKeditor.rar

修改tugor主题

    因为自己很懒,所以一直将就着用tugor主题,这个主题整体来说是挺不错的,可是在某些细节方面就不是那么尽如人意了,例如文章的正文和底色的对比度有点小,看的时间长老感觉很别捏,昨天终于有人说受不了这个看着累人的主题了,所以今天就小改了一番

下边是文章部分修改前和修改后的效果

 

修改前

 

修改后

恩,还把所有的绿色都改成了自己喜欢的蓝色,还有侧栏文字的颜色

底部版权部分的字体大小也改了改,从10px改成了12px,终于看不到那些萎缩的文字了

至于顶部还有待修改,只是不知道怎么改为好,所以就先放一放了