維謙老師的窩

最近適逢 LifeType 1.2.9版釋出，太興奮了，馬上把系統從 1.2.8升級到1.2.9；

「猴急是網管人員的大忌」，升級後看似正常，誰知問題一輪框，

只好逐一解決，直到碰到 「編輯回響」的功能也掛了，

由於這功能使用頻繁，短時間又無法解決，

只好無奈地把一部分退回 1.2.8 ．．．

---------------------------------------

2009/12/06  01:03:18

因為把主機升級為Fedora 8，

導致部落格小問題不斷，

把部落格砍掉直接安裝 LifeType 1.2.9 成功！

 

各位「口愛」的小朋友，請別看這篇文章，它是限制級的喔！

本文將視情況，隨時更新～

 

為了架設多人用的部落格系統，過去曾嘗試玩過 WordPress MU、Drupal、F2Blog、Xoops Bo-Blog、LifeType，

但受限於「教育部落格」特有的需求，例如：

    1.  方便管理。

    2.  支援離線編輯。

    3.  具檔案上傳功能。

    4.  至少百套美美的模板。

    5.  管理後台完全是中文介面。

    6.  作者、留言者可用很多表情符號。

每套系統都玩過一段時間，少則兩週，多則一個月，最後以 LifeType 為所歸，雖  LifeType 還是有些缺點，但瑕不掩瑜囉！

由於自己有把問題紀錄下來的習慣，一年多來，累積、收集不少解決問題的方法，於是把它分享於此。

 

1. 要把 LifeType 內的 tmp 、 gallery 與 config/config.properties.php 改為可讀寫(777)。

   等安裝完後，再把 config/config.properties.php 改回唯讀(644)。

 

2. LifeType 下的 .htaccess 要修改：

RewriteBase / -->在文章前面幾行即可找到，改成  RewriteBase /blog

.

.

.

ErrorDocument 401 /blog/error.php --->在文章最後面

ErrorDocument 403 /blog/error.php

ErrorDocument 404 /blog/error.php

一定要記得改。否則簡潔網誌、自訂網址與 Apache 的 mod_rewrite 將不會起任何作用。

最後順便加入

DirectoryIndex summary.php

將首頁指向 摘要頁(summary.php)

 

3. 修改 Apache 的設定，在 httpd.conf 加入：

<Directory "你的 LifeType 絕對目錄">

Options Multiviews

AllowOverride All

Order allow,deny

Allow from all

</Directory>

 

4-1.安裝一些 PHP 的模組

yum install php-devel

yum install php-gd

yum install php-mcrypt

4-2. PHP5 預設為美國時區，最好改台灣時區：

vi /etc/php.ini

找到 date.timezone，去除前面的分號" ; "，改成：

date.timezone = Asia/Taipei

4-3. 擴大 PHP的上傳設定

      把 php.ini 中的 memory_limit 改為下面的設定：

memory_limit=128M（或以上）-->提高 PHP 設定的記憶體使用限制

post_max_size=100M（或以上）-->貼資料之最大限制

upload_max_filesize=100M（或以上） -->上傳檔案最大限制

 

5.找不到 PHP 內的 mbstring 編碼模組,

  沒有這個模組, phpMyAdmin 無法準確地分割雙字元文字, 而可能產生問題。

  解決方法：安裝 php-mbstring，然後重新啟動apache，指令如下：

yum install php-mbstring

service httpd restart

 

6.解決註冊信為亂碼的問題

  修改 class/mail 下面的 emailmessage.class.php

把  $this->_charset = 'iso-8859-1';  改成  'UTF-8';

  修改 class/mail/phpmailer 下面的 class.phpmailer.php

把  var $CharSet = 'iso-8859-1';  改成  'UTF-8';

 

7.無法顯示中文

  安裝lifetype時如果使用wizard.php進行安裝，

  在建立資料庫的步驟時，雖然選擇utf8，但是很奇怪，進入phpMyAdmin觀看lifetype資料庫時，注意校對那一欄，

  並不是utf8_general_ci可能是swedish_ci之類的，

  所以才會造成中文無法正常顯示，而會出現很多很多的？？？

 

  雖然資料庫有一個管理/校對的功能，但似乎無法改正這個問題

  我的方法如下，提供給大家參考：

如果你是剛安裝，請先大手一揮砍掉資料庫，並將/var/www/html/下的部落格檔案也砍了

再進入phpMyAdmin中

在首頁 手動 「建立新資料庫」資料庫的名稱請先想好，例如 lifetype_blog ，

校對 選擇「utf8_general_ci」，按「建立」

這樣會建立一個空的 lifetype_blog 的資料庫，

接著就是用wizard.php進行部落格的建立，

在建立資料庫的步驟中 資料庫的名稱填入 lifetype_blog，名稱要與前面建立的資料庫名稱一樣 ，編碼 utf8 ，

最下面 建立資料庫的選項不要打勾，然後 按 next 即可，

這樣 就可以解決無法正常顯示中文的問題了！

 

8.自訂網址

   LifeType 的網址有三種形式  一般網址、簡潔網址、自訂網址

   自訂網址，以擁有者名稱命名網址，如： http://163.32.170.6/blogowner'name

8-1. 全部站台管控-->全域設定-->網址設定-->request_format_mode-->自訂網址-->

      下面的網址格式全改成 /{blogpwner}/...

8-2. permalink_format

      當使用自訂網址時，靜態連結網址格式。

      /{blogowner}/{catname}/{year}/{month}/{day}/{postid}$

 

9.讓LifeType使用embed

  在LifeType裡的TinyMCE 預設是不支援「embed」這語法的。

  若要線上顯示影片的播放介面，插入embed的html碼後，語法會被吃掉，因為tinymce認為embed是不合法的參數。

  所以若要使用embed這語法，就必須自己來修改一下tiny_mce-plog.js這檔案了。

  修改 js/tinymce/tiny_mce-plog.js這檔案，在「extended_valid_elements」裡最後加上

,embed[style|type|height|width|autostart|src|wmode|FALSE|TRUE|FlashVars|loop|allowfullscreen]

 

10. summary的歡迎詞修改方是有兩種：

一、要在template/summary/index.template中修改

       發現下面這一段程式碼：

<div id="maincolumn">

<div id="intro">

<p>{$locale->tr("summary_welcome_paragraph")}</p>

</div>

將{$locale->tr("summary_welcome_paragraph")}置換成我想要的文字，如"歡迎來到東光部落格．．．

二、修改語系原始程式

直接修改 localeadminlocale_zh_TW.php（此檔案是提供PHP做變數轉換用，是一個語系檔）

約第923行

$messages['summary_welcome_paragraph'] = '歡迎來到東光部落格．．．';

就好了！

PS. 建議使用第一種方法，並搭配「全域模版編輯器」使用！非常方便～

 

11. templateeditor在更新時發生問題，出現 "備份模版檔案時發生錯誤"，應該是 APACHE 對此資料夾權限不夠的問題。

chmod -R 777 templates/

 

12. Windows Live Writer 無法更新文章類別

    找到class/net/xmlrpc/xmlrpcserver.class.php

    大概在406行的地方可以找到foreach($cats as $cat) 的這個迴圈

    其原文如下

foreach($cats as $cat)

{

$dummy = array();

$dummy["description"] = $cat->getDescription();

// disable the generation of xhtml content or else the IXR_XMLRPC library will

// escape things twice!

$url->setXHTML( false );

$dummy["htmlUrl"] = $url->categoryLink( $cat );

$dummy["rssUrl"] = "http://";

$ret[$cat->getName()] = $dummy;

}

    必須改成這樣子

 

foreach($cats as $cat)

{

$dummy = array();

/* changes by ailon for Windows Live Writer */

$dummy["categoryId"] = $cat->getId();

$dummy["categoryid"] = $cat->getId();

$dummy['categoryName'] = $cat->_name;

$dummy['description'] = $cat->_name;

$dummy['title'] = $cat->_name;

//$dummy["description"] = $cat->getDescription();

// disable the generation of xhtml content or else the IXR_XMLRPC library will

// escape things twice!

$url->setXHTML( false );

$dummy["htmlUrl"] = "http://";//$url->categoryLink( $cat );

$dummy["rssUrl"] = "http://";

//$ret[$cat->getName()] = $dummy;

$ret[] = $dummy;

/* end changes by ailon for Windows Live Writer */

}

     搞定之後，就可以顯示目前所有的文章類別了。

 

 

13. 讓 Windows Live Writer 也能在 LifeType 上使用，你得要作一些小小的程式修改

     首先你必須要先修改 class/net/xmlrpc/IXR_Library.lib.php 第 279 行，把

var $defencoding = 'iso-8859-1';

     改為

var $defencoding = 'utf-8';

 

14.解決 LifeType 讀取速度過慢的問題

(1)全部站台管控 --> 模版設定 --> template_cache_lifetime，改為 86400（單位是秒），讓他一天自動清除一次快取。

   這樣的設定既可以減輕系統負擔，又能讓網頁獲得適當的更新。

   因為若把這個設定改為改為『否』。這是把你的快取設定完全關閉，他能讓網頁每次被讀取前就更新一次。

   可是這會非常消耗系統的效能。 所以還要確認 template_cache_enabled的『是』有沒有勾選。

(2)測試時，先把 template_http_cache_enabled 關掉。

    先不要打開 http_cache, 因為內容會 cache 在 browser。等到正式上線時，就可開啟。

 

 

15. 終於解決 LifeType 1.28版 文字編輯器於FireFox可用，但在 IE 瀏覽器卻消失的問題，感謝 阿欣老師

把小弟版本的 TinyMCE.zip 解壓縮，放到資料夾 js 下即可解決，

若表情圖示的超連結出現亂碼，這是因為中文轉碼的問題，

可自己修改 emotion.htm  onion.htm  others.htm  others-2.htm，解決此問題。

 

16.迴響使用 TinyMCE

    將以下部分程式碼存成 tiny_mce-commentform.js 然後上傳到自己正在使用的網誌模板資料夾中。

tinyMCE.init({

mode : "textareas",

theme : "advanced", // 這個是預設值，所以可以省略！

relative_urls : false, // 網址不使用相對路徑。

plugins : " emotions,paste",// 啟用表情符號外掛。要加入其他外掛，則是用逗號分隔。

theme_advanced_buttons1 : "fontsizeselect,bold,italic,underline,link,forecolor,emotions,pastetext", // 第一工具列使用的按鈕

theme_advanced_buttons2 : "", // 第二工具列使用的按鈕。

theme_advanced_buttons3 : "", // 第三工具列使用的按鈕。

language : "zh_tw_utf8",

theme_advanced_toolbar_location : "top", // 工具列靠上。

theme_advanced_toolbar_align : "left", // 工具列靠左。

force_p_newlines : false, // 讓按 Enter 由 <p> (段落) 改成 <br> (換行) 。

force_br_newlines : true

})

 

接著，把下列兩行貼在 commentform.template 或 postandcomments.template 的最前面

<script language="javascript" type="text/javascript" src="{$url->getBaseUrl()}/js/tinymce/tiny_mce.js"></script>

<script language="javascript" type="text/javascript" src="{$url->getTemplateFile("tiny_mce-commentform.js")}"></script>

 

 

17.迴響的笑臉圖示無法出現

    在 全部站台管控 --> 全域設定 --> 一般設定 的 html_allowed_tags_in_comments

    加入

<a><em><br><br/><strong><img><u><strike><blockquote>

    表情符號相當於插入圖檔，所以還要加入 <img>

    粗體<b> 、斜體<i>、底線<u>、換行<br><br/>、超連結<a>、<strike> (刪除線)、<blockquote> (縮排)、自型<font></font>

    但配合 TinyMCE 符合 XHTML 的標籤規範，<b> 要換成 <strong> ，而 <i> 要換成 <em> 。

 

18. 顯示文章有多少人閱讀

    在 post.template 中插入

|有&nbsp;{$post->getNumReads()}&nbsp;人閱讀

 

19.外掛投票功能

    (1)先置入外掛 crystalpoll

    (2)修改 links.template，加入下列語法

<!-------投票區------->

{if $crystalpoll}

<div id="crystalPoll">投票區</div>

<script>pollBaseUrl = "{$url->getBaseUrl()}";</script>

<script type="text/javascript" src={$url->getUrl("/plugins/crystalpoll/js/crystalPollAjax.js")}></script>

<script>readPollAjax();</script>

{/if}

 

20. 外掛 公告、置頂文章

    (1) 先置入外掛 1.2_stickyposts

    (2) 修改 main.template

         在 <DIV class=blog>的下方， <!-- Loop Start -->的上方，中間有個空白處，插入下列語法

{if !$showAll}

{if $stickyposts->isEnabled()}

<DIV class=sidetitle><h2>置 頂 文 章</h2></DIV>

<DIV class=side>

{assign var=stickys value=$stickyposts->getArticles('sticky')}

{foreach from=$stickys item=post}

<DIV class=sidebody><li><font size="3"><a title="{$post->getText()|truncate:150:"..."|strip_tags|escape}" href="{$url->postPermalink($post)}">{$post->getTopic()}</a></font></li></br></DIV>

{/foreach}

</br>

{assign var=stickyCategory value=$stickyposts->getCategory('sticky')}

<div style="text-align: right;">

<a class=aside href="{$url->categoryLink($stickyCategory)}">更 多 置 頂 文 章 ．．．</a>

</div>

</DIV>

{/if}

{/if}

    (3) 如何顯示在選單中

         修改 links.template，添加下列語法

<<!--- 公告 --->

{if $stickyposts->isEnabled()}

<DIV class=sidetitle>公 告 </DIV>

<DIV class=side>

{assign var=stickys value=$stickyposts->getArticles('announce')}

{foreach from=$stickys item=post}

<DIV class=sidebody><li><a title="{$post->getText()|truncate:150:"..."|strip_tags|escape}" href="{$url->postPermalink($post)}">{$post->getTopic()}</a></li></br></DIV>

{/foreach}

</br>

{assign var=announceCategory value=$stickyposts->getCategory('announce')}

<div style="text-align: right;">

<a href="{$url->categoryLink($announceCategory)}">更多公告．．．</a>

</div>

</DIV>

{/if}

 

21.編輯迴響

    (1)安裝「editcomments」這個外掛。

    (2)把 tinyMCE 嵌入 迴響編輯器

       修改 editcomments/templates/editcomment.template，在最上面加上這兩行

<script language="javascript" type="text/javascript" src="{$url->getBaseUrl()}/js/tinymce/tiny_mce.js"></script>

<script language="javascript" type="text/javascript" src="{$url->getBaseUrl()}/templates/default/edit-commentform.js"></script>

    (3)在 blog/templates/default/ 下，新增檔案 edit-commentform.js ，內容為：

tinyMCE.init({

mode : "textareas",

theme : "advanced",

relative_urls : false,

plugins : "fullscreen,table,inlinepopups,insertdatetime,emotions,insertresource",

theme_advanced_buttons1: "fontsizeselect,forecolor,bold,italic,underline,strikethrough,separator,justifyleft,justifycenter,justifyright",

theme_advanced_buttons2: "bullist,numlist,indent,outdent,separator,link,unlink,image,insertresource,emotions,separator,hr,insertdate,inserttime,code",

theme_advanced_buttons3 : "",

language : "zh_tw_utf8",

theme_advanced_toolbar_location : "top",

theme_advanced_toolbar_align : "left",

apply_source_formatting : true,

force_p_newlines : false

})

 

22.在部落格前台的文章內，加入 編輯文章 的連結

    (一)在 post.template 和 postandcomment.template 內，自己找合適的地方貼

<a xhref="{$url->getUrl("/admin.php")}?op=blogSelect&blogId={$blog->getId()}&action=editPost&postId={$post->getId()}" target="_blank">修改文章</a>

    (二) 以後使用時，就先登入登入管理面板，然後在前台時，就可看文章然後編輯文章。

 

23.讓 LifeType 的連結列表可以收折

(一)在 link.template 或 footer.template 內，貼上

<!--我的連結-->

<DIV class=sidetitle>{$locale->tr("my_links")}</div>

<DIV class=side>

<script type="text/javascript">

function expandIt(getIt) {ldelim} getIt.style.display=(getIt.style.display=="none")?"":"none";

{rdelim}

</script>

{foreach from=$mylinkscategories name=linkcategory item=linkcategory}

<b><a href="javascript:expandIt(document.getElementById('lnk{$smarty.foreach.linkcategory.iteration}'))"> {$linkcategory->getName()} </a></b><br />

<ul id="lnk{$smarty.foreach.linkcategory.iteration}" name="lnk{$smarty.foreach.linkcategory.iteration}" style="display: none;">

{foreach from=$linkcategory->getLinks() item=link}

<li><a href="{$link->getUrl()}" title="{$link->getDescription()}">{$link->getName()}</a></li>

{/foreach}

</ul>

{/foreach}

</div>

 

24.讓註冊信件只能寄到指定的網域

    由於懶得理解 LifeType 的程式，故藉由 POSTFIX 做 SMTP Server在送信時過濾，

vi /etc/postfix/main.cf

    拿掉下面這一行，前面的井字號 #

#header_checks = regexp:/etc/postfix/header_checks

service postfix restart

    訂定規則

    vi /etc/postfix/header_checks

/^TO:.*@dgps.kh.edu.tw/ ACCEPT

/^TO:.*@mail.dgps.kh.edu.tw/ ACCEPT

/^TO:.*@ms2.dgps.kh.edu.tw/ ACCEPT

/^TO: .*/ DISCARD drop header deny

    到此為止，已經搞定， 但最好提醒註冊們者必須填寫學校的信箱，才能收到啟用信。

vi /blog/locale/admin/locale_zh_TW.php

$messages['email_help'] = '請務必填寫學校的信箱，如此，才能收到啟用部落格的通知信。';

 

25. 優化 mysql 資料庫

    (一)不同的流量的網站和不同配製的伺服器環境，當然需要有不同的配製檔了。

          列出 mysql 所安裝的文件和檔案

# rpm -ql mysql-server|less

         進入官方推薦的配置檔

#cd /usr/share/mysql/

         一共有my-huge.cnf my-medium.cnf my-large.cnf my-small.cnf這幾種，

         由於伺服器的記憶體為 1GB ，故選擇 my-huge.cnf，

         並將其內容貼到 /etc/my.cnf

[mysqld]

port = 3306

socket = /var/lib/mysql/mysql.sock

skip-locking

key_buffer = 384M

max_allowed_packet = 1M

table_cache = 512

sort_buffer_size = 2M

read_buffer_size = 2M

read_rnd_buffer_size = 8M

myisam_sort_buffer_size = 64M

thread_cache_size = 8

query_cache_size = 32M

    (二)把資料庫內所有資料表最佳化

mysqlcheck -a -c -o -r --all-databases -uroot -p

    (三)重建資料表索引

service mysqld stop

myisamchk -s /var/lib/mysql/*/*.MYI

service mysqld start

 

 

26.在發表迴響時，我沒登入，可是卻在暱稱那一列顯示已登入，帳號也不是我自己的，

    有時候在暱稱列沒顯示已登入，但是在我發表迴響後，卻會顯示出其他使用者的個人圖片。

vi /templates/default/commentform.template

    把下列這一段

{if $authuser}

<span id="AuthUser">{$authuser->getUsername()} ({$locale->tr("form_authenticated")})</span>

<input type="hidden" name="userName" id="userNameHidden" value="{if $authuser}{$authuser->getUsername()}{/if}" /></div>

{else}

<input type="text" name="userName" id="userName" value="" /></div>

{/if}

    刪成只剩這句

<input type="text" name="userName" id="userName" value="" /></div>

 

27.把部落格圖片加上"光箱"特效

    (一)在 blog 目錄下，先建一個資料夾 lightbox2

    (二)把 lightbox2.02.zip 在資料夾內解壓縮(PS.最新的 2.04 版不建議使用)

cd /var/www/html/blog

mkdir lightbox2

unzip lightbox2.02.zip

    (三)修改 /lightbox2/js/lightbox.js

         在約第62行的地方，將兩張圖片的路徑改成絕對路徑，不用相對路徑的原因，

         因為LifeType裡有閱讀全文的功能，按下閱讀全文後，網址會改變，

         若用相對路徑，就會造成這兩張圖片因路徑錯誤的關係而看不到圖片。

fileLoadingImage = "http://IP位址/blog/lightbox2/images/loading.gif";
fileBottomNavCloseImage = "http://IP位址/blog/lightbox2/images/closelabel.gif";

    (四)修改 /lightbox2/css/lightbox.css；

          原本css的設定，以中文字來說可能會太小，所以自行增加一行 font 大小的設定，

          讓圖片的說明文字大一些，我是設定為11pt，你可以依照自己的喜好來做改變。

#imageData{

padding:0 10px;

font: 11pt Verdana, Helvetica, sans-serif; //增加這一行

}

    (五)修改 /js/tinymce/tiny_mce-plog-resourcelist.js

           roadtrip 是為了多張圖片同時展示的效果；

           title="'+resourceDesc+'"，是為了在lightbox所展示的圖片左下角顯示出「圖片的說明文字」；

            在第11、21行，原文 htmlCode = '<a rel="lightbox" id="res_'+resourceId+ '" href..... 增改成下方

rel="lightbox[roadtrip]" title="'+resourceDesc+'" id="res_'+resourceId+.....

    (六)修改 js/tinymce/tiny_mce-plog.js

         在extended_valid_elements裡的 a 後方加上 rel ，若沒有加上rel，tinyMCE會認為rel不是合法的參數，

         所以會自動過濾掉了，這樣就看不到lightbox的效果了。

編修前 extended_valid_elements : "a[class|name|id|href|target|title|onclick]

編修後 extended_valid_elements : "a[class|name|id|href|target|title|onclick|rel]

    (七)最後編輯模版裡的 header.template 這個檔案，

          在</title>後面按下鍵盤的「Enter」鍵來空行，再將底下的四段文字貼在 <head> 之後。

<!-- lightbox -->

<script type="text/javascript" src="{$url->getUrl("/lightbox2/js/prototype.js")}"></script>

<script type="text/javascript" src="{$url->getUrl("/lightbox2/js/scriptaculous.js?load=effects")}"></script>

<script type="text/javascript" src="{$url->getUrl("/lightbox2/js/lightbox.js")}"></script>

<link rel="stylesheet" href="{$url->getUrl("/lightbox2/css/lightbox.css")}" type="text/css" media="screen" />

 

28.美化部落格的header

    把下列這段程式碼，放在 header.template，將底下的文字貼在 <head> 之後，

   還有最好把 butterfly-2.swf 這個檔案放在自己的部落格內，這樣播放會比較順。

<!--蝴蝶飛舞-->

<embed style="left: 10px; POSITION: absolute; TOP: 5px" align="3" src="http://163.32.170.6/blog/gallery/3/butterfly-2.swf" width="990" height="300" type="application/x-shockwave-flash" autostart="false" wmode="transparent" quality="high" /></embed>

 

29. 讓超連結能預覽網站 “snap shot”

     去這個網站 http://www.snap.com/about/spa1B.php ，

     填寫一些基本資料就可以獲得下列程式碼，並放到放在 header.template內。

     附註：最後因會造成網頁顯示速度過慢，是否使用，要看狀況．．．

<!-- snap -->

<script type="text/javascript" src="http://shots.snap.com/ss/8b41c8cc5f2dc44b0aa51c80852859b0/snap_shots.js"></script>

 

30. 迴響分頁

     在 postandcomments.template 中找地方插入下面句子：

迴響共 {$post->getNumComments()} 則

{pager style="links" next="下一頁" previous="上一頁"}

 

31.在編輯迴響時，如何使站長的回覆能加上外框

    在每套模板的 CSS檔的最下方，增加下列文字：

blockquote {

background:#FFFFFF;

margin:10px 30px 10px 30px;

padding:10px 10px 10px 20px;

border: 2px dashed #808080;

}

32.把編輯回響的 "加上外框" 功能，嵌入TinyMce內

     請參考完整文章  替編輯回響「加上外框」功能

    更改圖示(文章編輯器)

/blog/js/tinymce/themes/advanced/images/buttons.gif

    更改圖示(迴響編輯器)

/blog/js/tinymce/themes/advanced/images/indent.gif

    更改中文的顯示文字

/blog/js/tinymce/langs/zh_tw_utf8.js

indent_desc : '加上外框',

 

33.變更 summary 頁的模板

    圖片-- /blog/imgs/

    CSS-- /blog/styles/summary.css

#header {

background: #ce6202;

margin-bottom : 6px;

color : #fff;

width : 100%;

height : 202px;

margin-bottom : 0px;

background : #FFFFFF url("../imgs/admin_logo.jpg") no-repeat left;

}

#maincolumn {

float : left;

width : 51%;

}

#intro {

background : #ffffff url('../imgs/intro.jpg') no-repeat;

margin : 0px 0px 12px 0px;

padding : 12px;

border : 1px solid #cccccc;

}

    在最下方添加

#column-google {

float : left;

width : 49%;

}

#columncontainer-google {

background : #ffffff url('../imgs/intro2.jpg') no-repeat;

margin-bottom : 12px;

margin-left : 12px;

padding : 0px 12px 12px 12px;

border : 1px solid #cccccc;

}

34. 動帶展示圖片 的方法有很多種，

     (方法一) 嵌入 Gallery 2圖片

       請參考這篇文章  把 東光小簿 的照片嵌入 東光部落格

顯示效果啵棒！

       但此法有個問題，若同時把把太多圖片(30張以上)嵌入，電腦速度會變慢．．．

 

（方法二）直接把資料夾的圖片 轉成 動帶展示圖片

      也可參考此文  如何修改插入資源列表功能--新生部落

     安裝方法：

        (一) 環境 LifeType 1.2.8 、Pecl-Imagick 、 GD

             (1-1)確認 PHP 是否有安裝 Imagick、GD

#php -m|grep imagick

#php -m|grep gd

             GD 在系統安裝時，預設就會安裝了。

 

            (1-2)安裝Imagick

可到 PECL 的官網獲得此模組 http://pecl.php.net/package/imagick，

當時的最新版是 2.3.0，安裝多次，失敗．．．

改安裝 2.2.2版，也是安裝多次，失敗．．．

最後，安裝 2.2.0版，總算成功！！

安裝 ImageMagick 相關套件

# yum install ImageMagick-devel

下載 imagick 2.2.0版

# wget http://pecl.php.net/get/imagick-2.2.0.tgz

解壓縮

# tar -zxf imagick-2.2.0.tgz

進入資料夾

# cd imagick-2.2.0

準備安裝PHP模組的環境

# phpize

模組資訊最佳化

# ./configure

編譯模組

# make

執行編譯好的模組

# make install

告知 PHP 已增加新模組

# vi /etc/php.ini

    在最下方加入
    extension=imagick.so

Apache重新啟動

# service httpd restart

 

       (二)安裝 imageprocessing

        (1)下載 imageprocessing ，裡面有兩個檔案，

imageprocessing.php 放置在 LifeType的根目錄。

resourcelist.template 覆蓋原來的 templates/admin/chooser/resourcelist.template

(三)使用方法

先在［檔案中心］新增一個資料夾，資料夾名稱請自訂，然後把 圖片們 上傳；

在［發表新文章］－－＞［文章編輯器］內的［插入檔案/資料夾］－－＞在欲展示的資料夾右邊，點選［設為動態相簿］。

 

35.在留言欄位前，增加鼓勵留言的句子

#vi templates/default/commentform.template
在 {if $allowComments} 下方，加入

<p align="left">～ 凡走過必留下痕跡，凡看過若覺得不錯，請留下鼓勵 ^_^ ～</p><br></br>

或者是

<p align="left">
<span style="color: #ff0000">～做人要誠實，看帖必回帖～</span>
</p>
<p align="left">
<span style="color: #008000">～回帖是尊重，留言是美德～</span>
</p>
<p align="left">
<span style="color: #3366ff">～美德要發揚，大家來回帖～ </span>
</p><br></br>

 

37.使用 IE 7 無法增加「自訂模版」的問題
    修改 IE 7 的 安全性設定 -->

    自訂等級 -->

    允許網站使用指令視窗要求輸入提示資訊 --> 啟用

38.把部落格上方的水平選單加上邊框
    找出部落格的 css 檔，

    把 .nav a{...} 和 .nav a:hover{...} 大括號裡的內容，更改如下：

.nav a{ background-color: #17A9E8; /* 背景色彩 */color: #FFFFFF; /* 文字色彩 */text-decoration:none;padding: 0.2em 1em;}
.nav a:hover{background-color: #5CC4EF; /* 滑鼠接觸時的背景色彩 */color: #FFFFFF; /* 滑鼠接觸時的文字色彩 */}

 

39.登入後台，總覺右上角的「打開 某某 首頁」的圖示太小，於是更改它，並更改中文顯示
原始圖大小  16x16
原始圖檔位置
imgs/admin/icon_goto-16.png

另找一圖，大小設為 36x36，然後覆蓋原圖

原中文顯示「打開 某某 首頁」
中文顯示檔位置
vi locale/admin/locale_zh_TW.php
    $messages['goto_blog_page'] = '打開 %s 首頁';

把「打開 %s 首頁」改為「瀏覽 %s 首頁」

 

40.修正 flv 影片無法放大全螢幕的問題
vi js/ui/common.js
找到這段 function getFlashPlayerHTML( url, height, width )，

在 "<param name=\"bgcolor\" value=\"#FFFFFF\" />" + 下方，

插入 "<param name=\"allowfullscreen\" value=\"true\" />" +

    function getFlashPlayerHTML( url, height, width )
    {
        var playerUrl = plogBaseUrl + "/flash/mp3player/mp3player.swf";

            var htmlCode = "<object data=\"" + playerUrl + "\" type=\"application/x-shockwave-flash\" width=\"" + width +"\" height=\"" + height + "\" class=\"ltPlayer\">"+
                    "<param name=\"quality\" value=\"best\" />"+
                    "<param name=\"bgcolor\" value=\"#FFFFFF\" />" +
            "<param name=\"movie\" value=\"" + playerUrl + "\" />" +
            "<param name=\"allowfullscreen\" value=\"true\" />" +
            "<param name=\"FlashVars\" value=\"&file="+ url + "&height=" + height + "&width=" + width + "\" />" +
            "</object>";

            return htmlCode;
    }

 

41.彙整頁面，將[使用者名稱]修改成顯示為[全名]的方法

    修改後，就不用以帳號來猜是誰寫的文章了，看得一清二楚

在<div class="postinfo">下方，

修改　post.template，將  {$postOwner->getUsername()} 改成 {$postOwner->getFullName()}

42.修改 tinyMCE 顏色名稱顯示為中文

vi js/tinymce/themes/advanced/langs/zh_tw_utf8.js

把下列幾句添於下方：
lang_color_picker_tab : '調色盤',
lang_color: '色碼',
lang_web_colors_tab : '色票',
lang_named_colors_tab : '特別色彩',
lang_color_name: '色彩名稱：',

43.有老師反應說他選擇 標楷體 後，要改回 新細明體 時，之前所做的字體大小、顏色等設定會消失，
解決方法就是修改 js/tinymce/themes/advanced/editor_template.js，增加一個字型為 新細明體 即可。

vi js/tinymce/themes/advanced/editor_template.js

原來
nFonts='標楷體=標楷體,Andale Mono=andale mono,times;......
改成
nFonts='新細明體=新細明體;標楷體=標楷體,Andale Mono=andale mono,times;......

 

 

 

延伸閱讀：

阿欣部落

新生部落格架設技術

LifeType中文開發論壇

阿駕零零壹 © 學習筆記

阿杰老師的部落格實驗室

墨嗓的資訊筆記 - MrMo.cc

• 類別：置頂文章
• 類別：網管誌--LifeType
• 讀者數 (709)
• 迴響 (2)

您好:想請教一個關於  lifetype 顯示的問題，目前我將網站架設在 windows 2003 R2 server 上,網址 為 http://www.wws.idv.tw/lifetype
不知道為何網頁總是不能正常顯示,在本機上是正常顯示.圖片也是正常，但從其他電腦開啟網址.圖片與位置就是不對 ，請問這問題我該如何著手，謝謝

應該是外部IP連結此網站有被封鎖圖片了，

您得嘗試修改 Appserv 的設定了，

或是買本書來看，這本書還可以

http://findbook.tw/book/9789861258812/basic

 

以看過你所推薦的這些部落格珍的還不錯喔

～ 凡走過必留下痕跡，凡看過若覺得不錯，請留下鼓勵 ^_^ ～