Mar 10

這個網站是用 Wordpress 架的。 雖然這篇文章跟 Ruby on Rails 沒有關係, 可是收集到的 Wordpress 工具想分享一下。

基本介紹

Wordpress 是用 PHP 寫的軟體, 如要自己架的話伺服器上面要跑 PHP 也要跑 MySQL。 到 wordpress.org 把整個軟體下載, 解壓縮後上傳到你的伺服器上面。 列如, 我的 wordpress 裝在伺服器裡的 public_html 下的檔案夾 nchcrails。 我把安裝檔下載解壓縮後改名為 nchcrails, 然後把整個檔案上傳到 public_html 底下, 再把檔案權限改成 777。

chmod 777 .

改後我瀏覽到 http://www.qweruiop.org/nchcrails/ 然後執行裡面的安裝指令。 它會問你資料庫的密碼等等, 還會問說資料表前面要不要加一些字串。 有加字串的話一個資料庫可放數個 wordpress。 安裝後把整個 public_html 檔案夾的權限改成 755。

chmod 755 ~/public_html

管理 wordpress

Wordpress 裡面的主題 (theme) 有很多, 可以去網路上下載來改變部落格的長相。 下載後放在安裝的檔案夾裡的 wp-content/themes 裡頭, 然後去 wordpress 的控制台上 (例如我的控制台是http://www.qweruiop.org/nchcrails/wp-admin/ ) 按左邊的 Appearance > Themes 就可以選剛剛下載的主題了。 本網站用的主題是 ultrablue

這後端的控制台也可以直接改主題的版樣。 像我的 Google 的廣告放在 header.php 裡頭, 要改的話到控制台的左邊 Appearance > Editor 然後選右邊的 header.php。 修改之前 wp-content 這個檔案夾注意要有夠權限, 不夠權限修改的話它上面會警告你。 Wordpress 說 755 的權限就購,可是我把 wp-content 這個檔案夾的權限修改為 777 之後才有辦法用控制台來修改檔案。

chmod -R 777 wp-content

Plugin

Plugin 跟 widget 有什麼不同? Widget 就是我的部落格右邊那一排東西, 可用來顯示以前的文章, 或是閱讀人次, 或最近留言等等。 Plugin 可以增加你的部落格的功能,像 Akismet 檔垃圾件,利用 Facebook 登入你的部落格,自動把程式原始碼改顏色等等,這些都是 plugin 所增加的功能。 有些 widget 利用 plugin 方式安裝後才可以選擇顯示在部落格的又邊。 Plugin 的安裝跟主題的安裝差不多。 把你要的 plugin 放入 wp-content/plugins 裡頭然後到控制台左邊的 Plugins 裡去啟動 plugin。 Plugin 要啟動後才能用。 Plugin 也可以在控制台那裡收尋,找到你要的話按 install 它就會幫你裝了。

我裝了這些 Plugin:

Akismet

這是反垃圾留言的軟體,非常好用。 一年多下來它已經幫我攔掉 856 個垃圾留言, 而且沒有必要我去審核欄下的留言是真的或是假的垃圾。

Markdown Extra

Markdown 是我最喜歡的文字轉成 html 的工具。 寫部落格或是網頁時, 用 Markdown 寫看起來比較好讀。 列如,我用 markdown 的語法寫這樣:

2009.09.15
==========

上午要做的事
--------------

* 買[蘋果電腦][1]
  1. 拿給爸爸看
  2. 拿給媽媽看
* 寫程式
  - 看看 [Google Wave][2] 是啥 ![Wave 的 logo][30]
    + 羨慕別人做的東西
  - 自己來寫個 Google Wave 程式

下午要做的事
--------------

### 下班後

下班後記得去 pub 跟朋友聊天。 不要忘了*先打電話*

[1]:http://www.apple.com
[2]:http://wave.google.com
[30]:http://wave.google.com/images/wave_logo.png

然後看起來是這樣:


2009.09.15

上午要做的事

  • 蘋果電腦
    1. 拿給爸爸看
    2. 拿給媽媽看
  • 寫程式
    • 看看 Google Wave 是啥 Wave 的 logo
    • 羨慕別人做的東西
    • 自己來寫個 Google Wave 程式

下午要做的事

下班後

下班後記得去 pub 跟朋友聊天。 不要忘了先打電話


我覺得這樣做在編文章時不用擔心 html 的問題,而且看原文看起來也很舒服。

SyntaxHighlighter Plus

你的部落格裡如要放程式碼的話, 程式碼可以用 SyntaxHighlighter Plus 來顯示, 它會把程式碼裡的字弄的漂漂亮亮, 人家看起來也比較舒服。 例如,我要顯示 ruby 的程式碼時,把程式碼前面加個 [ruby],後面也加個 [/ruby] 就可以了。 它不只 ruby 可用, 很多程式語言也可以, 像 PHP, SQL , 等等。 看起來會像:

def start
  #this is my ruby code
end

注意! 在 WordPress 檔案夾裡的 Themes 裡有個檔案叫 footer.php。 不要把這檔案裡的

<?php wp_footer(); ?> 

移除掉,不然 SyntaxHighlighter Plus 就沒辦法改變文字的顏色。 Markdown 跟 SyntaxHighlighter Plus 一起用時,有時候程式碼裡會出現多餘的 <p>,這時候就把整個程式碼用 <div> 包住就好:

<div>
  [ruby] 
    def start 
      #this is my ruby code
    end
  [/ruby]
</div>

Facebook Connect

有常上 Facebook 的話,可以安裝 Adam Hupp 寫的 WP-Facebook Connect。 他的功能沒有很多,只是你如果已經登入 Facebook 的話,按個按鍵就可以直接進去你的部落格控制台,不用每次都輸入使用者名稱和密碼。

Twitter

你如果有在用 twitter 的話, 可以用這個 plugin 來顯示你最近 n 次的 tweet, 也可以顯示人何人的 tweet。

Get Recent Comments

Wordpress 內建的 Recent Comments widget 只有顯示哪篇文章有留言, 並沒有顯示留言的內容,所以我下載了 Get Recent Comment widget。 上傳到伺服器後, 到控制台的 Plugins 去啟動時, 會看到一個 “Recent Comments” 還有一個 “Get Recent Comments。” 你要的是 “Get Recent Comments”。 把它從左邊的 Available Widgets 抓到右邊的 Sidebar 1 就會顯示在你部落格右邊的 sidebar 了。

« Previous Entries

| Powered by Wordpress Themes

Copyright © 本網站由臺灣國家高速網路與計算中心 格網技術組 贊助
2008 :)