詳細解說請參考林木木寫的利用PicasaWeb API製作相冊展示頁面。Google Picasa網路相簿優點是圖檔開放外連,相簿可以設定瀏覽權限,API應用非常有彈性。缺點是免費儲存空間只有1GB(不過圖檔最大邊800 pixels以下,不計算儲存容量),不能上傳解析度太高的圖檔(我試過無法上傳1920x1200的圖檔,依Picasa Web Albums Data API給的參數來看,圖檔最大邊應該是限制在1600 pixels)。因為Bo-Blog缺少內建相簿,簡單好用的外掛相簿一直找不到,剛好看見作者寫好和示範的程式碼,拿來當作Blog或其他網頁相簿都非常適合,主要特色就是簡單、乾淨。
下載檔案程式碼,開啟picasa.js修改你的帳號名稱(或是別名)再存檔,將所有檔案都上傳到網頁空間,開啟index.html就有簡單的網路相簿。後台控制請自行登入Google Picasa網路相簿,唯一要注意的是,如果上傳大量檔案使用一般Web上傳,失敗機率非常高,且容易搞混哪些檔案有無傳過。建議使用IE安裝ActiveX拖曳上傳功能,即使某幾張照片上傳失敗(出現遭伺服器拒絕的訊息),系統也會重複詢問是否要重傳,直到上傳成功為止。我個人是要套用到Bo-Blog,刪除CSS的第2至4行︰會影響Blog本身的CSS佈局,務必要刪除。
下載檔案程式碼,開啟picasa.js修改你的帳號名稱(或是別名)再存檔,將所有檔案都上傳到網頁空間,開啟index.html就有簡單的網路相簿。後台控制請自行登入Google Picasa網路相簿,唯一要注意的是,如果上傳大量檔案使用一般Web上傳,失敗機率非常高,且容易搞混哪些檔案有無傳過。建議使用IE安裝ActiveX拖曳上傳功能,即使某幾張照片上傳失敗(出現遭伺服器拒絕的訊息),系統也會重複詢問是否要重傳,直到上傳成功為止。我個人是要套用到Bo-Blog,刪除CSS的第2至4行︰會影響Blog本身的CSS佈局,務必要刪除。
» 閱讀全文
Mar
29
2011
Bo-Blog留言者首頁連結重定向轉址
14:02 | Blog大小事 | 0 Comments
為避免某些Spammer灌水留言時留下垃圾首頁連結,讓搜尋引擎幫他們增加外部連結,進而增加網站的連結分數(間接影響關鍵字搜尋排名和結果),所以現在改用自帶本站網址重新導向的方式連結,實際做法請參考這裡。之前連結處理是外加rel="nofollow",但我覺得有一些不確定性,例如某些搜尋引擎不予理會nofollow標籤。
將以下Code複製另存為j.php(檔案名稱自取),放在Bo-Blog目錄下:
<?php
if (isset($_REQUEST['url']))
{
Header("HTTP/1.1 [[separator]separator]303 See Other");
Header("Location: ".$_REQUEST['url']);
exit;
}
?>
將以下Code複製另存為j.php(檔案名稱自取),放在Bo-Blog目錄下:
<?php
if (isset($_REQUEST['url']))
{
Header("HTTP/1.1 [[separator]separator]303 See Other");
Header("Location: ".$_REQUEST['url']);
exit;
}
?>
» 閱讀全文
Tags: bo-blog
Jul
28
2010
由404cn.net推薦的jQuery lightBox plugin for Bo-Blog,安裝方法相當簡單,無需修改特定程式代碼或文章內容。首先到jQuery lightBox plugin下載檔案。將檔案解壓縮,共有css、images、js三個資料夾,上傳至blog根目錄。將以下代碼複製到head區塊︰
或是利用Google AJAX Libraries API來載入jQuery 1.2.3(因為jquery.js是此版本)︰
<script type="text/javascript" src="http://www.google.com/jsapi"></script>
<script type="text/javascript" language="javascript">
google.load("jquery", "1.2.3");
</script>
<script type="text/javascript" src="js/jquery.lightbox-0.5.js"></script>
<script type="text/javascript">
$(function() {
$(".textbox-content a:has(img)").lightBox();
});
</script>
<link rel="stylesheet" type="text/css" href="css/jquery.lightbox-0.5.css" media="screen" />
儲存之後,隨便點擊一篇blog文章內的貼圖,就可以馬上看到效果。另外js資料夾中有jquery.lightbox-0.5.js、jquery.lightbox-0.5.min.js、jquery.lightbox-0.5.pack.js三個檔案,只知道檔案大小不同,影響javascript載入速度,至於開啟特效並不清楚有無其它差異。
<script type="text/javascript" src="js/jquery.js"></script>
<script type="text/javascript" src="js/jquery.lightbox-0.5.js"></script>
<script type="text/javascript">
$(function() {
$(".textbox-content a:has(img)").lightBox();
});
</script>
<link rel="stylesheet" type="text/css" href="css/jquery.lightbox-0.5.css" media="screen" />
<script type="text/javascript" src="js/jquery.lightbox-0.5.js"></script>
<script type="text/javascript">
$(function() {
$(".textbox-content a:has(img)").lightBox();
});
</script>
<link rel="stylesheet" type="text/css" href="css/jquery.lightbox-0.5.css" media="screen" />
或是利用Google AJAX Libraries API來載入jQuery 1.2.3(因為jquery.js是此版本)︰
<script type="text/javascript" src="http://www.google.com/jsapi"></script>
<script type="text/javascript" language="javascript">
google.load("jquery", "1.2.3");
</script>
<script type="text/javascript" src="js/jquery.lightbox-0.5.js"></script>
<script type="text/javascript">
$(function() {
$(".textbox-content a:has(img)").lightBox();
});
</script>
<link rel="stylesheet" type="text/css" href="css/jquery.lightbox-0.5.css" media="screen" />
儲存之後,隨便點擊一篇blog文章內的貼圖,就可以馬上看到效果。另外js資料夾中有jquery.lightbox-0.5.js、jquery.lightbox-0.5.min.js、jquery.lightbox-0.5.pack.js三個檔案,只知道檔案大小不同,影響javascript載入速度,至於開啟特效並不清楚有無其它差異。
Jun
15
2009
使用Google App Engine架設Micolog
21:52 | Blog大小事 | 6 Comments
Google App Engine(GAE)是一個網站開發平台,我們可以利用其架設一個屬於自己的Blog網站。以Windows XP為例,事前準備工作有幾項︰
1.向Google申請一個Google App Engine ID,或從自己的Google Apps登入申請ID也可以,位址在http://appengine.google.com/a/YOURDOMAIN.COM/。申請ID需要簡訊(SMS)驗證碼,我輸入好幾支中華電信手機號碼都沒下文,完全收不到驗證碼,這時請利用簡訊問題回報表格通知他們(請用英文填寫問題),過一段時間會回信通知已經手動開通你的申請帳號,我是大約隔一個星期才收到通知信。
2.下載Python語言程式,我個人選擇2.5版,請勿選擇3.0版(極有可能會有不相容的狀況)。
3.下載Micolog。
4.下載Google App Engine SDK。
準備好之後,先安裝Python,再安裝GAE SDK,將Micolog目錄移至GAE SDK目錄下,準備上傳到你申請的GAE空間。上傳之前先編輯Micolog目錄下的app.yaml檔案,將第一行application: mlog改為application: (你建立的app_id)。打開命令提示字元,切換到GAE SDK安裝目錄,例如我安裝在E:\google_appengine。至於詳細命令及如何操作請參考The App Engine Documentation,在此不多談(因為我也不懂),直接利用appcfg.py上傳檔案。在命令提示字元輸入︰
appcfg.py update micolog/
之後會出現要求輸入信箱帳號和密碼,然後就會看見檔案上傳的訊息。
1.向Google申請一個Google App Engine ID,或從自己的Google Apps登入申請ID也可以,位址在http://appengine.google.com/a/YOURDOMAIN.COM/。申請ID需要簡訊(SMS)驗證碼,我輸入好幾支中華電信手機號碼都沒下文,完全收不到驗證碼,這時請利用簡訊問題回報表格通知他們(請用英文填寫問題),過一段時間會回信通知已經手動開通你的申請帳號,我是大約隔一個星期才收到通知信。
2.下載Python語言程式,我個人選擇2.5版,請勿選擇3.0版(極有可能會有不相容的狀況)。
3.下載Micolog。
4.下載Google App Engine SDK。
準備好之後,先安裝Python,再安裝GAE SDK,將Micolog目錄移至GAE SDK目錄下,準備上傳到你申請的GAE空間。上傳之前先編輯Micolog目錄下的app.yaml檔案,將第一行application: mlog改為application: (你建立的app_id)。打開命令提示字元,切換到GAE SDK安裝目錄,例如我安裝在E:\google_appengine。至於詳細命令及如何操作請參考The App Engine Documentation,在此不多談(因為我也不懂),直接利用appcfg.py上傳檔案。在命令提示字元輸入︰
appcfg.py update micolog/
之後會出現要求輸入信箱帳號和密碼,然後就會看見檔案上傳的訊息。
» 閱讀全文
Tags: google
Jan
25
2009
從天空部落格搬家到WordPress
17:24 | Blog大小事 | 2 Comments
這次幫我妹的部落格Alinn.繪本,從天空部落格搬到自己架設的主機,原因是天空部落格頁面頂端最近新增一條廣告Bar,有礙觀瞻,是可以用CSS語法移除,不過我覺得這種方法只是緩兵之計,隨時都可能無效,當然這只是其中一項因素,最重要的是竟然還隨意在每個網頁右上角加入一個flash廣告,如果網頁未完全讀取完畢,滑鼠游標移到同樣是右上角的登入框,flash廣告是呈現展開狀態,目的想要讓你誤點廣告就是了。而且相簿又常出問題,導致圖片不能顯示或遺失,乾脆不如趁早搬走,找一個適合自己的空間。早在要搬家前,我已經建議他把所有圖片空間改成其他相簿外連空間,至少不用為圖片放在天空相簿受限而傷腦筋,反正文章語法幾乎都是支援html語法,最麻煩也只要將每一篇文章複製和貼上,不用再特別修改圖片連結位置。所幸我妹文章數和流量並不多,便直接使用上述提到的方法搬到自己的主機來。


» 閱讀全文
Tags: viewpoint
Nov
28
2008
Bo-Blog 2.1.0 Beta 1
15:14 | Blog大小事 | 0 Comments
Bo-Blog已釋出2.0.3 sp1 update to 2.1.0資料庫升級程式,不過因為兩種版本資料庫是不通用,升級之前務必先進行備份。升級步驟非常簡單,先將2.1.0 Beta 1安裝包內除了install資料夾之外的所有檔案上傳覆蓋。之後將升級程式上傳至Blog的根目錄,在瀏覽器輸入位址檔案執行。進入後台進行參數設定,在後台更新快取。

更新後需注意幾點,如果是Linux/Unix的主機,請記得修改bak、data、temp、attachment、post資料夾權限為可讀寫(777)。管理員權限預設並未全部開啟,請自行到使用者管理選項設定。這次較大的改進為新增自定頁面、附件防盜連、Apache和IIS的Rewrite自定網址、日誌到期自動發佈等實用功能。

更新後需注意幾點,如果是Linux/Unix的主機,請記得修改bak、data、temp、attachment、post資料夾權限為可讀寫(777)。管理員權限預設並未全部開啟,請自行到使用者管理選項設定。這次較大的改進為新增自定頁面、附件防盜連、Apache和IIS的Rewrite自定網址、日誌到期自動發佈等實用功能。
» 閱讀全文
Tags: bo-blog
Aug
27
2007
Bo-Blog日誌草稿存放隱藏問題
01:40 | Blog大小事 | 2 Comments
臨時匆忙寫的文章,這是之前自己懷疑早已存在問題,只是幾乎很少使用草稿箱來存放未完成的日誌,所以沒有特別在意。沒想到剛好這次無意間從自己部落格的Newsgator看到Bob發表新文章,連結過去發生錯誤沒有該篇日誌。

返回Bob的部落格首頁可以明顯看到日誌數量已增加一篇,所以可以確定該篇日誌並不是被刪除。再直接點擊Bob的部落格feed.php連結,完全清楚看到存放在草稿箱,等待自動發表日誌文章的內容。

返回Bob的部落格首頁可以明顯看到日誌數量已增加一篇,所以可以確定該篇日誌並不是被刪除。再直接點擊Bob的部落格feed.php連結,完全清楚看到存放在草稿箱,等待自動發表日誌文章的內容。
» 閱讀全文
Jun
15
2007



