SVN + Trac + Apache 完整安裝攻略

SVN + Trac + Apache 完整安裝攻略，而原本在 SVN 所欠缺的用戶及權限管理介面，也都可以由 Trac 的外掛程式來搞定，可謂兩全其美。

本文章適合熟悉 SVN 但沒用個任何線上專案管理的人做為參考。

請注意，本人使用的 Linux 是 CentOS 4.x，RHEL 4.x 也適用。

Read more

Apache 1.3.x 限制頻寬(mod_bandwidth)

僅限 Apache 1.3.x 使用 mod_bandwidth 來限制用戶流量。

Read more

Linux 下幾種網芳/Samba 目錄的 mount 方式

Linux 下幾種網芳/Samba 目錄的 mount 方式，比較新的 Smaba 只能用 cifs 的 mount 方式。

[smbmount]

smbmount -o username="Username",password="Password" //IP/share /mnt/smb
smbumount /mnt/smb

[mount]

mount -t smbfs -o username="Username",password="Password" //IP/share /mnt/smb
umount /mnt/smb

[cifs]

mount -t cifs -o username="Username",password="Password" //IP/share /mnt/smb
umount /mnt/smb
mount.cifs -o username="Username",password="Password" //IP/share /mnt/smb
umount.cifs /mnt/smb

本站推薦的 Windows 檔案總管增強工具

以下這些是我有在用的檔案總管增強工具，這些工具都很小，但卻很實用，而且都是免費的軟體。

  1. QT TabBar (教學)
    讓檔案總管有 多分頁、圖片預覽、資料夾預覽、檔案篩選、資料夾群組...等的功能，強烈推薦安裝 (需先安裝 Microsoft .NET Framework 2.0)。
  2. QT AddressBar
    讓檔案總管有像 Windows Vista 的網址列 (需先安裝 Microsoft .NET Framework 2.0)。
  3. XNeat Widows Manager (教學)
    讓 Windows 視窗可以有最上層顯示、透明化、隱藏、縮小至系統列的功能，並且可以讓你用滑鼠移動工具列上的執行程式位置，撘配下面的 FileBox eXtender 可以算得上是天下無敵了!
  4. FileBox eXtender
    讓你可以在檔案總管及程式的開啟/儲存檔案對話框有快速切換「我的最愛資料夾」、「最近存取的資料夾」的功能，並讓 Windows 視窗有最上層顯示、視窗標題列縮放的功能。
  5. HobComment XP Shell Extension
    我總覺得檔案總管不能在資料夾及檔案添加註解是個遺珠之憾，這個工具可以讓檔案總管有註解 (File/Folder Comments) 的欄位，但要如何添加註解呢? 請安裝下一個工具。
  6. HobComment Explorer Extension 讓檔案總管的滑鼠右鍵選有添加註解 (Add Comment) 的功能。
  7. VSO Image Resizer
    在圖片點滑鼠右鍵時，可以有簡便的 Resize 及轉檔功能。
  8. Folder Size for Windows
    讓檔案總管有資料夾大小 (Folder Size) 的欄位。
  9. Xentient Thumbnails
    在檔案總管中，把圖片識別的 Icon 替換成圖片的縮圖。
  10. iColorFolder
    讓你可以變更資料夾的顏色或 Skin，安裝這個程式並不是為了多炫，而且為了方便管理眾多的資料夾。
  11. Unlocker
    解決刪除檔案時，檔案被鎖定的問題。

各種主機板的尺寸

各種主機板的尺寸 (寬x深):

  1. AT (Full AT): 12″ x 13.8″
  2. Baby-AT: 8.7″ x 13″
  3. ATX: 12″ x 9.6″
  4. EATX: 12″ x 13″
  5. MicroATX (mATX, µATX, uATX): 9.6″ x 9.6″
  6. FlexATX: 9″ x 7.5″
  7. MiniAtx: 11.2″ x 8.2″
  8. BTX: 10.5″ x 12.8″
  9. MicroBTX: 10.5″ x 10.4″
  10. PicoBTX: 10.5″ x 8″
  11. Mini-ITX: 6.7″ x 6.7″
  12. Nano-ITX: 4.7″ x 4.7″
  13. Pico-ITX: 3.9″ x 2.8″
  14. DTX: 8″ x 9.6″
  15. Mini-DTX: 8″ x 6.7″
  16. ETX: 3.7″ x 4.4″
  17. WTX: 14″ x 16.75″

參考網頁

Linux 下檔案的 SUID/SGID/SBIT 屬性設定

SUID/SGID/SBIT 的屬性同樣是用 chmod 指令設定，在原本 chmod 設定時的三個數字前面再加一個數字。這三個屬性的加權分別為

  • SUID: 4
  • SGID: 2
  • SBIT: 1

Read more

解決當 Blogger 的 "隱藏全文/繼續閱讀" 功能因為點選較新或較舊的文章而失效的狀況

在 Blogger 加入 「隱藏全文/繼續閱讀」 的功能之後，會因為點選 Blogger 下方的 "較新" 或 "較舊" 的文章連結而導致功能失效!!

會失效原因是因為你在點 "較新" 或 "較舊" 的連結時，所要切換的內容會以 AJAX 的方式載入，而大家所寫的 「隱藏全文/繼續閱讀」 都是以 JavaScript 所寫的，當 AJAX 直接切換內容時，並沒有觸發到用 JavaScript 所寫的程式，所以，我們要做的就是讓 AJAX 的這個功能失效。

修改 Blogger 範本，點選 「展開小裝置範本」，找到下列原始碼，這些原始碼就是新舊文章的連結，將 「紅色」 的字串去掉，最後再存檔即可:

<b:if cond='data:newerPageUrl'>
<span id='blog-pager-newer-link'>
<a class='blog-pager-newer-link' expr:href='data:newerPageUrl' expr:id='data:widget.instanceId + "_blog-pager-newer-link"' expr:title='data:newerPageTitle'><data:newerPageTitle/></a>
</span>
</b:if>
<b:if cond='data:olderPageUrl'>
<span id='blog-pager-older-link'>
<a class='blog-pager-older-link' expr:href='data:olderPageUrl' expr:id='data:widget.instanceId + "_blog-pager-older-link"' expr:title='data:olderPageTitle'><data:olderPageTitle/></a>
</span>
</b:if>

理財試算 貸款計算機 *

原本只是要寫一個貸款的計算程式，結果看到了其它的計算公式，就順便寫一寫。版權沒有，想要就自行檢視網頁原始碼，拿去用。

本息平均攤還試算

本息平均攤還法是將本息一起平均在貸款期間償還，每期償還的本利和都一樣，比較方便理財，為最常用之貸款償還辦法。

Read more

將 Blogger 中的標籤改成標籤雲(Tag Cloud)

當 Blogger 中的文章一多，標籤也跟著變多，而 Blogger 的標籤元件就會變得落落長，不好看也不好搜尋。

這時候如果改成 「標籤雲」 就會是一個不錯的作法。在標籤雲中運用字體大小及顏色的變化，就可以很快的找你要的標籤。

修改步驟

  1. 編輯 Blogger 樣板，並 「展開小裝置範本」。
  2. 在 <Style> 區塊內加入: 
    #Label1 ul { font-family:Arial; padding:0px; text-align:justify; }
#Label1 li { display:inline; }
  3. 搜尋 </head>，在上一行加入: 
    <script>
function parseTag(){
  var tagA = document.getElementsByTagName('a');
  for(var i=0; i<tagA.length; i++){
    if(tagA[i].id == 'tag'){
      var tag = tagA[i];
      var width = tagA[i].title;
      tag.style.fontSize = 14 + parseInt(width/5);
      tag.style.color = 'rgb(0,0,' + width*5 + ')';
    }
  }
}
</script>

    其中的第 8 行可用來調整字體大小，第 9 行用來調整顏色變化。

  4. 繼續搜尋 <body>，在標籤內的 onload 事件加入: 
    parseTag();
  5. 繼續搜尋: 
    <li>
  <b:if cond='data:blog.url == data:label.url'>
    <data:label.name/>
  <b:else/>
    <a expr:href='data:label.url'><data:label.name/></a>
  </b:if>
  (<data:label.count/>)
</li>

    取代成:

    <li>
  <b:if cond='data:blog.url == data:label.url'>
    <a id="tag" expr:title='data:label.count' expr:href='data:label.url'><u><data:label.name/></u></a>
  <b:else/>
    <a id="tag" expr:title='data:label.count' expr:href='data:label.url'><data:label.name/></a>
  </b:if>
</li>
  6. 存檔完成。

CSS 及網頁設計的相關網頁

網頁設計

Read more

PAGE NAVI

INFORMATION

我們解決了什麼問題？我們創造了什麼價值？

return top