[Blogger] 側邊欄元件收合

網頁上總是會放些有的沒的Javascript，這樣看起來頁面比較「豐富」一點，但是東西一多就會變得很雜很亂，而且放這麼多東西上去，開網頁的速度就會被拖慢，而且有些Javascript會讀取很久，效能不高。

為了解決這問題，就要派上這個Javascript啦！雖然他也是Javascript，但是不大會影響到讀取速度，最重要的功能就是，可以把側邊欄的元件收合起來剩下標題，這樣畫面就清爽許多啦！

不過這個功能只是把側邊欄元件收合起來，並不是說他就沒有讀取，所以他還是會先全部讀取完，然後在進行下一步看是要隱藏還是要顯現。所以呢，要讓網頁讀取速度快的最根本大法就是：不要放太多東西在頁面上。

開始囉！先到 版面配置>修改html，然後要點選展開小裝置範本

① 把下面這些程式碼複製貼在 <head> </head> 標籤內、</style> 後面。

<script type='text/javascript'>

<!-- Function used for Sidebar Element Toggling: ElementToggle()-->

function ElementToggle(id) {

  var element = document.getElementById(id).getElementsByTagName(&#39;div&#39;);

  for(i = 0; i &lt; element.length; i++) {

    attribute = element[i].getAttribute(&#39;id&#39;);


    if(attribute == &#39;toggle&#39;)

    {

      if (element[i].style.display == &#39;none&#39;)

        element[i].style.display = &#39;inline&#39;;


      else

        element[i].style.display = &#39;none&#39;;

    }

  }

}   


</script>

② 找到要展開收合的元件，找開頭的區段。例如我的「Search」這個元件長這樣：

<b:widget id='HTML6' locked='false' title='Search' type='HTML'>

  <b:includable id='main'>

     <b:if cond='data:title != ""'>

      <h2><data:title/></h2>

    </b:if>


    <div class='widget-content'>    

     ............. (略過)

  </b:includable>

</b:widget>

③ 例如我要「Search」這個元件可以展開收合，而且「預設收合」，那就照下面紅色字的地方這樣設定，不過要注意一點就是黃色底色 (HTML6) 的地方，兩個的id要一樣才可以！

<b:widget id='HTML6' locked='false' title='Search' type='HTML'>

<b:includable id='main'>

     <b:if cond='data:title != ""'>

      <h2><a href='javascript:void(0);' onclick='javascript:ElementToggle("HTML6");'>[+/-]</a>

      <data:title/></h2>


    </b:if>

    <div class='widget-content' id='toggle' style='display:none;'>

     ............. (程式內文略過不表)

  </b:includable>

</b:widget>

④ 如果想要他是「預設展開」的話，只要把 綠色底色的 style='display:none;' 刪掉就可以囉！

至於他到底是什麼樣的原理呢？簡單說就是利用CSS把他「藏」起來而已，很不賴的一個Javascript。

⊙ Fun 足 | 側邊欄元件可展開收合（Sidebar Element.toggle）
⊙ Abin's Tech Note | 讓側邊列 (Sidebar) 的元件能夠展開和摺疊 (Element Toggling)


GRUB設密碼

[via]

GRUB (GRand Unified Bootloader) 是linux 系統中常用的系統啟動軟體，開機選單就是靠他啦！所以只要幫GRUB設上密碼，別人就連系統都進不去了...嘿嘿！

步驟很簡單，輕鬆解決！把參考文章翻譯如下：

① 打開終端機，輸入「grub」然後按 Enter，要等他跑一下，然後視窗內容就會變成「grub>」。

② 輸入「md5crypt」，然後輸入你要的密碼 (password)，然後他會跳出下面一串隨機碼，把他記下來或是複製下來，一定要做因為他每次都不一樣...做完之後離開終端機。

[via]

③ 再來要編輯「/boot/grub/menu.lst」這個檔案，最好是先備份一份做準備。

④ 在「BEGIN AUTOMAGIC KERNEL LIST」這行之前，加上password –md5 <第③步驟複製的字串>

[via]

⑤ 這步驟最重要啦！就是要開始設定你要在哪個作業系統上利用密碼鎖定它。比如我想要把我的Windows系統用密碼保護，那就找到Windows然後照下圖的位置加上一行「lock」，這樣就行啦！夠簡單吧！以此類推...

[via]

⑥ Linux的核心kernel會升級，那如果想要以後的每個版本都自動鎖定的話，那就把「lockalternative=false」改成「lockalternative=true」就ok囉！

⑦ 開機的時候，要先按「p」輸入密碼之後，才可以開啟鎖定的系統。

⊙ How To Password Protect GRUB Entries (Linux)


開機自動掛載磁區

在Windows開機就會自動幫你把ntfs或是fat32格式的磁區掛載上去，所以也不會有這個「掛載」的問題；不過Linux磁碟格式不是ntfs也不是fat32，所以這兩種Windows的磁碟格式就有點麻煩啦！要自己手動設定讓他開機就掛載，這樣就不用每次想要用的時候還要再手動掛載。


首先，先看你要掛載哪些磁區，然後要知道這些磁區在什麼位置。例如我要掛載三個磁區，分別是Windows、Data和Data2，而各自的位置可以從 系統 → 管理 → 系統監控 然後切換到 檔案系統 的分頁得知，如下圖：

第二步要在想要掛載的地方先建立資料夾。例如我是掛載在 /media 下面，所以以root身份進到 /meida 然後建立想要掛載的磁區資料夾，我就把他們分別設為Windows、Data和Data2，比較方便。

最後一個步驟就是用root身份修改 /etc/fstab 這個檔案，在終端機輸入：

gedit /etc/fstab

如果是ntfs格式的磁區，就在最後輸入下面這行：

/dev/sdb1 /media/Windows ntfs-3g silent,umask=0,locale=zh_TW.utf8

其中
/dev/sdb1 = 要掛載的磁區
/media/Windows = 要掛載的目標資料夾

如果是fat32格式的磁區，就要輸入下面這行：

/dev/sdb1 /media/Windows vfat iocharset=utf8,umask=000 0 0

然後重開機就可以發現磁區都自動掛載啦！

⊙ [ubuntu] 自動掛載磁區


清明節&寒食節

[via]

今天是清明節，昨天大家在討論到底清明節的由來是什麼呢？有人說清明節跟「潤餅」有關係，很像是要紀念「一個孝順的人」在山上被燒死，所以就不開火，大家只能吃潤餅，所以又叫作「寒食節」，有的人說這樣有的人那樣，眾說紛紜，到底「一個孝順的人」是誰呢？還有清明節跟「寒食節」到底是不是同一個節日呢？上網找資料整理一下，充實一下基本常識阿！

清明，夏曆二十四節氣之一。《曆書》：「春分後十五日，斗指丁，為清明，時萬物皆潔齊而清明，蓋時當氣清景明，萬物皆顯，因此得名。」清明節的起源，據傳始於古代帝王將相「墓祭」之禮，後來民間亦相倣傚，於此日祭祖掃墓，歷代沿襲而成為中華民族一種固定的風俗。一般為冬至之後106天，寒食節的後一天。

[維基百科]

原來清明節是春分後十五日，重點來啦！到底「春分」是蝦米時候勒？陽曆3月20日或3月21日。所以推算起來，清明節就是陽曆4月4日或4月5日囉！

還有提到就是冬至跟「寒食節」，到底「寒食節」是蝦米呢？孤陋寡聞的我從來沒聽過...查了之後果然跟潤餅有關係阿！

寒食節是冬至後第105日，即中國清明節之前的一天。

寒食節是為了紀念介之推。相傳春秋時期晉公子重耳避開內亂，歷盡艱辛。一次，他挨餓難熬，百般無奈時，介之推割下自己大腿上的肉給他吃。後來重耳當了國王（晉文公，春秋五霸之一），去找和母親一起躲在深山中的介之推。遍尋不到，便下令放火燒山，想以此逼出介之推，但最後發現介之推與其母被燒死。重耳十分後悔，便規定每年此時不得生火，一切吃冷食，稱為寒食節。

中國過往的春祭都在寒食節，直到後來改為清明節。但韓國方面，仍然保留在寒食節進行春祭的傳統。雖然我們不知道寒食節在甚麼時候被清明節取代，但從唐代多首與寒食節有關的詩來看，至少在唐朝時，中原人仍然有紀念寒食節的習慣。

[維基百科]

以前真的是分兩個節慶，至少到唐代還是這樣，不過後來就大家把他們兩個合併啦！現在清明節也有人稱作為寒食節，然後在這天不能開火要吃潤餅，是因為要紀念孝順的「介之推」。呼！真相大白！不過連續兩天兩個節日，仔細想一想，中國節慶還真是多到不行，每天都可以想出理由慶祝一下XD

⊙ 維基百科：清明節
⊙ 維基百科：寒食節
⊙ 二十四節慶


後溪穴 - 長時間坐姿的救星

長時間坐在辦公桌前或是用電腦，對身體而言總不會是件好事，雖然說標榜著每半小時到一小時就要起來休息放鬆一下，但是常常一坐就是好幾個小時阿！就算電腦裝了可以幫助你「離開」電腦的軟體，當休息提示出現的時候，還是會毫不猶豫的給他按「取消休息」...

就像上面圖所標的位置，很輕易就可以找到這個神奇的穴道啦！而這個穴是奇經八脈的交會穴，功用是：通督脈，能瀉心火、壯陽氣，調頸椎，利眼目，正脊柱。

「功能頗多」，CP值頗高的一個穴道，哈哈！而且按摩他也不是一件難事，很簡單，只要你把兩隻手的「掌緣」在「桌緣」來回滾動就可以啦！很簡單吧！或者是可以用手直接去按壓他，有種酸酸的感覺那就對了！

對於長時間坐在電腦桌前的人(我非常需要！)，有事沒事就給他按摩個兩三下，每次刺激約3到5分鍾，每個小時刺激一次就夠了。 重點是要「持之以恆」，這樣效果就會更讚啦！

但是最根本的還是要按時休息阿，這樣眼睛才不會瞎掉...

⊙ 頸椎，腰椎，眼睛出問題了？


Quanta Plus 說明文件

Quanta Plus是Linux系統上不錯用的網頁開發軟體，我這個新手還算可以順暢的操作，所以應該還不賴啦！不過有個麻煩就是我對網頁語言不熟阿！只知道些皮毛，像是怎麼放圖片、怎麼用超連結這些非常基本的東西，其他一些比較進階的設定就一竅不通啦！所以很需要「說明文件」的幫忙。

因為系統是Ubuntu，而Quanta Plus是KDE系列的軟體，也許是因為這樣(自己亂猜測XD)，所以說明文件點進去都顯示「找不到檔案」，苦惱之餘就上網Google啦！馬上動手把說明文件給加進來！

如果是Ubuntu的話，Quanta Plus說明文件預設的位置是在 /usr/share/apps/quanta/doc，不過裡面的docbook、html、css、javascript還有php的連結都是找不到目標的，所以要自己動手改一下。

那說明文件去哪裡找勒？好問題！其實非常的簡單，只要在說明文件的地方按右鍵「下載文件」就可以啦！超簡單的勒，居然沒有想到要給他按右鍵...進去之後就看要下載哪部份的說明文件按「下載」就可以囉！

還沒結束，下載完的檔案會放在家目錄底下的 .kde/share/apps/quanta/doc，資料夾裡面會看到你剛下載的文件資料夾，例如html、css、javascript或是php資料夾，再來就是把這些資料夾建立連結到 /usr/share/apps/quanta/doc 就可以啦！

有問題就給他查一下，邊做邊學，應該是還不賴！

⊙ Quanta Documentation


Ubuntu好用的軟體

之前的程式清單已經不再符合需求啦！經過這半年的「陶冶」，對Ubuntu又有進一步的認識跟瞭解了！

網際網路

其實有給他偷偷注意過，我想應該跟不少人一樣，大部份用電腦的時間都是掛在網路上阿！所以平常常用的軟體跑不掉就是那幾個：Emesene(MSN)、Firefox還有Prism。要稍微介紹一下「Prism」啦！它也是個瀏覽器，只不過沒有像IE或是Firefox那麼的龐大，是個輕量化的瀏覽器：沒有網址列，沒有書籤，沒有紀錄，蝦米都沒有！就是一個視窗，直接就顯示網頁內容了！

那這樣的東西到底有啥用處呢？好處可多的勒！平常常用的一些網站，通常不會用用到網址列或是上下頁，像是Twitter、Google的各種服務(Docs、Gmail、日曆等)、奇摩字典等等，甚至是網上的軟體說明書！一些「工具型」的網頁，用了Prism就不用在瀏覽器上開一大堆分頁啦！推薦！

影音

影音的部份就沒啥大變動的，聽音樂的部份目前比較偏好用「Audacious」，就只是因為「簡單」！其他像是內建的Rhythmbox或是很熱門的Amorak，他自動整理音樂媒體櫃實在是不怎麼合我胃口，因為中文檔名都會變成亂碼勒！金麻煩...還是簡單的Audacious比較好用！

而影像播放器的部份，比較偏好用「SMplayer」，改良自MPlayer的軟體。雖然也是有裝其他的播放軟體，像是VLC、MPlayer、Real，不過在支援上SMplayer算是比較全面性的，所以大部份都用他啦！

美工繪圖

這部份偏好就有大變動勒！原本一直愛用的F-spot已經快被我淘汰啦！因為picasa的Linux版本更新了(或者是我之前沒注意)，現在有可以直接發佈到picasa的功能，真的是太讚啦！picasa的相簿整理功能真的是沒話說，很喜歡他的方式，所以既然有Linux版那就一定要用一下的阿！

最近開始摸索Gimp，發現他真的是不錯用阿！除了不能直接加邊框以外，其他功能真的是跟PhotoImpact不相上下！不過前題是你要會用...要上手真的是需要一段時間，因為跟PhotoImpact的操作模式有那麼點的不同，不過上手之後Gimp就真的很好用啦！最近還在慢慢研究Gimp的中文說明書...

遊戲

還是不行阿！雖然說網路上有不少遊戲，但是也許是電腦太爛，有些跑都跑不動勒！或者是跑起來一點也不順~"~ 還是乖乖的不要玩遊戲好了=3=

其他軟體

不知道為什麼AWN怪怪的勒！重灌之後他就有點不穩定，乾脆就砍掉不用啦！也沒有裝什麼奇怪的軟體，電腦簡單、好用就好！

今天又發現一個不錯用的工具：Tasque，一個待辦事項的小程式。特別在哪裡呢？特別就在於他可以跟網路的待辦網頁Remenber The Milk一起同步！這重度電腦使用者才需要啦XD 蝦米都要電腦~"~ 不過對於一些待辦事項，像是回家之後要做什麼做什麼，把他記在網路上，就不會怕忘記把備忘紙條帶著啦！個人是覺得不錯用~

大概就是這些啦！

GIMP中文使用手冊

網路上看到的，先記一下囉！