:::

GitHub入門 Part.2 工具安裝與環境配置

布丁布丁吃布丁

GitHub入門 Part.2 工具安裝與環境配置

image

續前一篇介紹完版本控制基本概念之後,這一篇則是要介紹如何配置GitHub版本控制的環境。

  1. Part.1 版本控制介紹
  2. Part.2 工具安裝與環境配置
  3. Part.3 Git版本控制實作教學

這篇我是針對Windows 7/8的環境,以TortoiseGit + MSysGit來跟GitHub配合,將XAMPP底下的KALS標註系統做版本控制。然而其實能使用Git的工具,包括IDE,應該都能順利跟GitHub搭配做版本控制。這篇只是入門,未來有機會我會試著研究NetBean跟Aptana的Git功能,好打造一個內建版本控制的開發環境。


投影片

(Google DocSkyDriveBox.net)

雖然這次也是做了投影片,不過投影片反而沒有這麼細。這種細節操作還是Blog的強項。以下請一邊看圖文步驟,一邊跟著操作看看吧!

工具軟體安裝

必要元件:TortoiseGit與MSysGit

為了要讓自己Windows 7/8 64位元版本的電腦具有Git版本控制的功能,首先我們必須先安裝一些工具軟體。這邊使用的是版本控制知名工具TortoiseSVN的Git版本:TortoiseGit,以及TortoiseGit必要元件MSysGit

照順序安裝完上述軟體之後,請重新開機才會生效。

版本控制對象:XAMPP中的KALS標註系統

這次我們要來做版本控制的是XAMPP網頁伺服器,我的目標是把GitHub上KALS專案的原始碼複製到本機端的XAMPP中,好讓我能在本機端開發之餘還能用版本控制上傳到GitHub。

必須注意的是,KALS標註系統還需要搭配後端PostgreSQL資料庫才能順利運作。不過資料庫的建置不在本篇討論範圍內,這篇主要是介紹原始碼版本控制的作法而已。

註冊GitHub

Ashampoo_Snap_2013.01.31_00h59m23s_017_

基本上GitHub的註冊跟使用都是免費的,注意密碼有7字以上的限制,並且必須是小寫英文與數字的混合。

GitHub免費的帳戶有個限制:所有原始碼都必須公開。如果你想要開一些私人程式碼專案、不想讓其他人看到你的原始碼,那你可以選擇付費帳戶

對於GitHub必須公開原始碼的限制,我想到的是用.gitignore將敏感檔案排除在版本控制範圍之外,例如設定檔。敏感檔案就在我們團隊內部另外再找方法來傳送即可。

如果仍覺得GitHub必須公開的限制太麻煩,你也可以考慮使用Dropbox + Git或是用Gitolite自己架一個Git Server,不過這些就是不是本篇的討論範圍之內了。

連接本機跟GitHub

關於SSH金鑰

git的使用認證都是靠SSH金鑰(key)進行。所謂的金鑰,其實也就是一長串的加密亂碼。一組金鑰包含兩個檔案,各別是公鑰(Public Key)──可以公開地交給其他人(GitHub)、與私鑰(Private Key)──自己必須小心收藏。當公鑰與私鑰配對成功之後,我們就可以認定電腦與GitHub之間的資料交換是通過認證的合法行為。

SSH金鑰機制是一項很常見的工具,其背後的原理也頗有巧思,對於在資訊界打混的人來說是必備的常識。

那麼我們接下來就要在電腦建立金鑰,然後把公鑰交給GitHub、私鑰自己設定好,這樣未來就能夠順利地直接在GitHub做版本控制了喔!

用Puttygen建立金鑰

當TortoiseGit安裝完之後就可以在裡面找到Puttygen,這是建立金鑰的工具。

2013-02-02_205118

開啟Puttygen之後,按下Generate按鈕,開始產生金鑰。

2013-02-02_205313

接著上方畫面會出現一條綠色的進度條。在進度條底下的空白處不斷移動滑鼠,進度條就會逐漸累積。

image

最後Puttygen會產生兩種檔案。上面是公鑰的OpenSSH authorized_keys版本,待會我們要把它加入GitHub中;下面有個「Save private key」(儲存私鑰),則是儲存我們待會會用到的私鑰。

2013-02-02_205854 - 複製

當儲存私鑰時,PuTTYgen會提示你最好輸入加密密碼。在這邊我們從簡不使用加密密碼,直接按下「是」即可。

伺服器端:GitHub設定公鑰

2013-02-02_211342

請先登入GitHub,然後在Account Settings中的SSH Keys中,按下右上角的「Add SSH Key」設定公鑰。

Ashampoo_Snap_2013.02.02_21h23m04s_003_

Title請寫你的電腦名字,而下面的Key則是剛剛用Puttygen產生的公鑰,開頭會是ssh-rsa。輸入完之後再按下「Add key」。

2013-02-02_212403

儲存完成。

本地端:pageant設定私鑰

本地端這邊也要設定私鑰,好讓Git交換資料時能夠通過身分認證。在此使用的是TortoiseGit提供的pageant來實作,而且是讓pageant在每次開機時就自動載入私鑰,不需要我們每次都去設定。

Ashampoo_Snap_2013.02.02_21h29m55s_005_bin

你可以在開始功能表中TortoiseGit目錄底下找到pageant,或是來到TortoiseGit的安裝目錄,pageant預設路徑為C:\Program Files\TortoiseGit\bin\pageant.exe

image

接著我們要找到自己電腦開始程式集上的「啟動」或「Startup」,按右鍵「開啟」他的目錄。

Ashampoo_Snap_2013.02.02_21h31m01s_006_啟動

接著我們把pageant.exe建立一個捷徑到啟動資料夾中,如上圖。在啟動裡面的捷徑或程式會在每次開機時自動執行,也就是說,我們的目的是讓電腦開機時就能夠自動執行pageant。

Ashampoo_Snap_2013.02.02_21h32m27s_007_pageant-exe - 內容

接著我們要設定捷徑的目標,請在pageant捷徑上按右鍵進入內容,找到「捷徑」頁籤底下的「目標」一欄,再把私鑰的路徑作為參數加在後面。

舉例來說,原本的目標的資料是pageant的路徑:

"C:\Program Files\TortoiseGit\bin\pageant.exe"

而剛剛我們在Puttygen把私鑰儲存在以下路徑:

"C:\User\pulip_000\Documents\pulipulichen-private.ppk"

那麼私鑰作為參數添加在pageant捷徑後的資料就是:

"C:\Program Files\TortoiseGit\bin\pageant.exe" "C:\User\pulip_000\Documents\pulipulichen-private.ppk"

注意,兩個路徑前後必須加上雙引號「"」,兩個路徑中間必須以空格「 」隔開。

image

設定完成之後,再雙擊開啟設定好的pageant捷徑。順利的話右下角通知會出現pageant的圖示,如上圖。

2013-02-05_161729

你可以按右鍵打開View Keys看看私鑰有沒有順利載入,上途中已經把我設定的金鑰載入進去了。如果只是開啟pageant的話,清單裡面會是空白的。

設定TortoiseGit

還有兩個小細節需要設定,包括中文化語系與使用者資訊。

開啟TortoiseGit設定

image

在任意資料夾按右鍵進入TortoiseGit裡面的「設定」。TortoiseGit大部分操作也都是這樣做的。

設定語系

image

你可以在「一般設定」中找到「語系」的選項設定。不過由於TortoiseGit翻譯有些地方也很奇怪,不見得一定要用中文語系,學學英文也好。

是說這些截圖我都是用中文語系下去操作的,忘記改成英文了XD

設定Git使用者資料

image

接著到「Git」中設定「使用者資料」。這邊主要填寫的是你的名字與電子郵件即可。這些資料會用於每次commit時的記錄,表示這個修改版本的聯絡人。

管理者的工作:建立與分享儲存庫

Git的運作環境已經配置好了,現在我們可以在GitHub上開啟新的儲存庫,好讓其他團隊的成員可以一起編輯。

1. 在GitHub建立新的儲存庫

image

登入GitHub之後,右上角就可以看到「Create a new repo」。

image

在這邊要輸入Repository Name、Description(選填)以及其他選項。必須注意的是,免費帳號只能用Public,付費帳號才能用Private。

下面有個選項可以加入.gitignore,不過我更傾向於自己編輯這份版本控制排除清單。

2. 設定排除清單.gitignore

2013-02-05_164132

當儲存庫建立好之後,你可以在上圖的位置找到「Create a new file here」的功能按鈕。

image

然後我們建立一個名稱為「.gitignore」的檔案。檔案內容就是加入你要排除在版本控制之外的目錄或檔案路徑。舉例來說,我們要排除「aptana」跟「nbproject」這兩個IDE會擺放暫存資料的目錄,以及擺放設定檔的「config」目錄,那我們可以這樣寫:(#開頭表示注釋)

# IDE metadata. Don't track them!
aptana/
nbproject/

# Configuration. Keep private, don't track!
config/

這些檔案不會在版本控制之內,也不會上傳到GitHub。我們可以用.gitignore方式避免密碼或敏感的機密程式被放到GItHub上。

3. 新增儲存庫的合作者

儲存庫預設只有建立者自己擁有Read/Write(讀取/寫入)的權限,其他人只能夠Read(讀取)。如果要讓其他人也能夠Write(寫入),必須要把他們的GitHub帳號加入Collaborators的設定中。

2013-02-05_164938

請進入儲存庫右上角的「Settings」設定。

image

在左邊找到Collaborators,然後把其他成員的GitHub帳號輸入進去就可以了!

開發者的工作:複製儲存庫

forktocat

(其實上圖要表達的意思是fork,這是GitHub很盛行的作法,不過在本篇中我們用不到這個進階的作法XD)

好的,現在我們不僅Git運作環境配置妥當,GitHub上也有一個儲存庫可以用了。不論你是從空的儲存庫開始、還是想要複製既有的專案,我們都可以用以下的步驟來輕鬆地取得GitHub上程式碼。

1. 取得儲存庫的網址

image

每個儲存庫都有他獨一無二的網址。而這個網址又可以分成HTTP格式或是SSH格式。我們在這邊主要是用SSH來進行傳輸,所以請點選SSH,然後複製右邊的網址。以KALS標註系統專案為例,它的SSH網址就是「git@github.com:pulipulichen/kals.git」。

2. 指定本機儲存庫的位置

image

現在要在本機端找個地方來擺儲存庫。一開始練習的時候,你可以隨便找個空的資料夾作為本機儲存庫的位置。因為我希望這個儲存庫程式碼是可以直接搭配XAMPP運作,所以我把它擺在「D:\xampp\htdocs\」底下。一台電腦你可以複製很多個儲存庫沒有問題,請盡情地練習吧。

不過必須注意的是,待會我們要複製的儲存庫名稱叫做「kals」,所以待會複製儲存庫時會自動建立一個資料夾,也叫做「kals」。請確認你的資料夾底下不要有同名的檔案或資料夾,以免發生衝突。

在你要複製的目錄底下,按右鍵開啟「Git 克隆…」(Git Clone…),接著就要設定複製儲存庫的細節。

3. 複製儲存庫

image

在Git Clone設定中,URL要輸入儲存庫的網址。以KALS為例,就是輸入「git@github.com:pulipulichen/kals.git」,然後確認一下目錄是否如你指定路徑。其他的設定則用預設值即可。確認無誤之後按下「確定」,然後等待Git從GitHub下載儲存庫吧。

image

下載完成,最新的程式碼都在你的電腦裡面囉!


小結:配置Git方式還有百百種

本篇是講用TortoiseGit這個Client端GIT GUI連到GitHub,但其實還有很多種方法可以讓你跟GitHub一起工作。一開始我用的是GitHub for Windows這個Client端操作,但是他的合併、衝突必須要用指令列來處理,不太方便。然後我就是用現在這個TortoiseGit,他結合了Windows檔案總管,很容易上手。後來我發現像是NetBeansAptana Studio都提供了Git的功能,你在開發環境中就可以直接用Git做版本控制,想必對開發來說更有幫助。

總之,這幾篇只是入門,應用方式還很多,等待大家發掘囉。下一篇則是繼續用TortoiseGit,Step by step地介紹如何操作Pull、Commit、Push與處理Conflict等常見的動作。

(more...)

GitHub入門 Part.1 版本控制介紹

布丁布丁吃布丁

GitHub入門 Part.1 版本控制介紹

image

團隊合作開發中,版本控制系統是不可或缺的重要工具。最近我為了實驗室的開發團隊,找來了GitHub Server + TotoiseGIT Client的一整套版本控制解決方案。

不論是版本控制這門學問或是GitHub使用的GIT這套工具,背後都有相當複雜的操作哲學與系統機制。但是對於少數幾人開發的小型團隊來說,我們不一定需要這麼多功能。在這邊我想介紹的是一套簡單容易操作、可以解決目前我們常見問題的方案。

我把這份入門教學分成三篇來介紹,這是介紹版本控制基本概念的第一篇:版本控制介紹

  1. Part.1 版本控制介紹
  2. Part.2 工具安裝與環境配置
  3. Part.3 GIT版本控制實作教學

介紹投影片與大綱

(Google DocSkyDriveBox)

這份介紹概念的投影片介紹了GIT的分散式版本控制架構、儲存庫(Repository)、檔案狀態與提交(Commit)的概念,還有團隊合作時需要的拉取(Pull)、推送(Push)與衝突(Conflict)、合併(Merge)的作法。細節就請看投影片吧,雖然圖片比文字還要多就是了。

image_thumb[1]

這份投影片參考了Littlebtc (Hsiao-Ting Yu)的「寫給大家的Git教學」,源自於Scott Chacon 的「Pro Git」電子書。而我又針對他們的內容簡化了不少概念,等未來有需要開發更複雜的專案時再來研究GIT的其他功能吧。

本blog是以實際操作為主,所以重點還是在接下來的兩篇!

題外話,有沒有因為GitHub那個Log章魚貓實在是太可愛所以才選用GitHub的八卦啊?

(more...)

GLPI知識庫搜尋文件

布丁布丁吃布丁

0 Comments

GLPI知識庫搜尋文件

image

以下介紹GLPI 0.80.2在知識庫(knowledge base)中搜尋文章的教學。其實也只是直接用搜尋框而已,沒什麼特別的。


搜尋文章操作步驟

1. 進入知識庫

image

知識庫在「工具 > 知識庫」中。之前我有寫過一篇GLPI登入就開啟知識庫的修改教學,我們現在用的GLPI一開啟就是知識庫了。

2. 輸入搜尋框

image

知識庫的搜尋框預設就放在最上面。你可以在框中輸入要搜尋的關鍵字,有多個詞彙時,可以用空白來隔開。值得一提的是中文字,盡量用空白隔開多個中文關鍵字,GLPI會比較容易找到你要的文章。

3. 找到文章

image

接著知識庫中內有搜尋關鍵字的文章就會列在下方。

修改搜尋結果的版面

image

在預設GLPI中,搜尋結果還是會顯示最上層類別目錄。我做了一點修改,在搜尋結果中隱藏了那些類別目錄。

請修改這個檔案:[glpi]/front/knowbaseitem.php

Github免空下載Box

(more...)

改變BlueStacks預設解析度

布丁布丁吃布丁

改變BlueStacks預設解析度

bluestacks_logo

BlueStacks是一個Windows跟Mac等桌面作業系統上執行的Android模擬器。因為Windows 8的App實在是太少也不好用,所以讓我興起了安裝BlueStacks在Windows 8使用Android的App的想法。第一個大問題就是BlueStacks預設解析度1440*900跟筆電螢幕最佳解析度1920*1020不同,導致畫面看起來模糊不清。

我發現網路上許多人都在做BlueStacks hack的研究,試著改造BlueStacks讓他更好用。這篇要講的設定解析度只是叼蟲小技之一,在這邊做一個簡單的紀錄。


BlueStacks解析度位於登錄檔中

image

我在Windows 8中看到BlueStacks解析度在登錄檔的位置為:

HKEY_LOCAL_MACHINE\SOFTWARE\BlueStacks\Guests\Android\FrameBuffer\0

其中裡面有兩項參數需要修改,各別是WidthHeight,也就是對應到寬度與高度。

image

打開其中的數值,先將右邊的「底數」調成「十進位」,然後再到左邊「數值資料」設定你要的寬度或高度的數值。

image

修改完成之後,必須從Windows右下角通知欄徹底離開BlueStacks,然後再重新啟動它,這樣修改後的解析度才會生效。

低解析度與高解析度的差別

到底修改前跟修改後有什麼差別呢?我試著用照相機照給大家看看。

DSC_0328

首先這是BlueStacks預設的1440*900大小,在WIndows 8電腦桌面1920*1080解析度的情況下,它的視窗模式大概也只有桌面2/3的大小而已。

DSC_0330

在BlueStacks預設解析度放大到全螢幕的情況下,其實文字跟圖片都會有點模糊。

DSC_0333

這一張則是把BlueStacks的解析度調整到跟桌面一樣的1920*1080,桌面圖示比起上一張來說小了一點,但是卻是十分清晰。當然,這樣用起來其實不太容易按到各種功能就是了。


小結:還要改變DPI才算實用

雖然當初是因為模糊不清所以去研究如何修改解析度,但是將解析度調高之後,卻又覺得功能按鈕太難按到而感到後悔。遇到這種問題,其實應該還要搭配調整DPI才行。

BlueStacks調整DPI的研究不多,大致上都是搭配改變DPI的App來使用,例如Android的改變DPI /分辨率的變化/密度。這種動到系統核心設定的App都必須要取得Root權限,而root BlueStacks的方法也不難,替換BlueStacks的Root.fs就可以了。詳細過程請看rurutia在[Android] 利用 BlueStacks 模擬器安裝贈送 LINE 日本地區限定貼圖一文中介紹root的教學。

不過就算我root了,也試著改變DPI,但是實際上BlueStacks的畫面卻沒有因此有所改變。可能是我對這塊還不夠熟,不懂得修改的門路。希望這部份的修改還請先進多多指教一下。

(more...)

Windows Live Writer 外掛程式 Dynamic Template 備份

布丁布丁吃布丁

Windows Live Writer 外掛程式 Dynamic Template 備份

image

這篇又是講到我最常用來寫Blog的工具Windows Live Writer(以下簡稱WLW),不過這次要講的是WLW最強大的外掛程式(plug-in):Dynamic Template(以下簡稱DT)的備份方式。因為我每次要換一台電腦安裝WLW的時候總是會忘掉這些東西,所以寫在這邊備份一下。


Dynamic Template外掛程式簡介

image

DT是WLW的外掛程式,全名為「Dynamic Template plug-in for Windows Live Writer」(免費空間備份:DynamicTemplate.msi)。跟其他WLW的外掛程式有很大的不同,DT讓你可以讓你用程式語言建立自己喜歡的樣板。

舉例來說:你可以在WLW的編輯模式中選取一段文字,然後用DT把它轉換成HTML原始碼。操作過程可以參考官方網站的範例4影片。DT會協助你撰寫這樣的樣板工具,然後匯出成為一個安裝檔,可供其他WLW安裝使用。上述的樣板功能是DT網站提供的範例:HTMLize免費空間備份

Dynamic Template的樣板檔案位置

image

為了讓其他電腦安裝WLW時能夠保有DT的樣板檔案,我們可以從以下資料夾位置找到DT使用的樣板──也包括自己建立的樣板檔案。Windows 7/8的路徑如下:

C:\Users\[使用者名稱]\AppData\Roaming\WLWTemplates

要注意,使用者名稱請替換成你自己的名字,例如:

C:\Users\pudding\AppData\Roaming\WLWTemplates

至於Windows XP的位置大概是在C:\Documents and Settings裡面,我就沒有仔細確認了。

你可以發現資料夾中很多以「wlwtemplate」為副檔名的檔案,這些都是可以安裝的DT樣板,備份它就對了!

我常用的DT樣板

除了上述的HTMLize之外,我還常用幾個自己建立的DT樣板,在這邊備份一下:

安裝DT樣板

image

在安裝wlwtemplate副檔名的DT樣板之前,請先安裝DT外掛程式。如果有安裝DT外掛程式的話,直接執行wlwtemplate附檔名的DT樣板,就可以直接安裝了喔。


結語:創意無限的DT

雖然這篇主要講的是DT的備份,不過還是在結語這邊稱讚一下DT。它的定位有點像是Office的巨集功能,讓你節省許多撰寫Blog的時間。有時候為了搭配整個Blog的版面設計,我們會在文章中加些特殊的classname,可是這些動作在WLW的編輯模式下無法操作,但是他的程式碼模式又如此難用。

image

這時候就可以靠DT來新增有特定樣板的文字,簡單又容易使用。不過要寫樣板的話,你還是要有一些程式的概念就是了。在此推薦常常在寫Blog的人也來玩玩看DT喔!

(more...)

Windows Live Writer修改本機樣板

布丁布丁吃布丁

Windows Live Writer修改本機樣板

Ashampoo_Snap_2013.01.27_15h02m07s_012_部落格選項 - 布丁布丁吃什麼-

Windows Live Writer(以下簡稱WLW)是我用來撰寫Blog(部落格,因為會跟WLW的部落格主題混在一起,所以這兩個名詞我會混著用,但以Blog為主)的主要工具,目前最新的版本到了2012。我的WLW部落格主題中用了JavaScript來實作一些功能,導致WLW下載主題的時候無法順利呈現出原有的樣貌,因此需要手動修改WLW下載的主題檔案。

這篇是教你如何在Windows 7/8電腦中修改WLW的主題檔案,我也會一併提到Windows XP底下稍微不同的路徑。你可以利用這個方法修改主題檔案,讓你在WLW中撰寫Blog時更順手。


WLW的部落格主題

Ashampoo_Snap_2013.01.27_15h12m16s_013_

WLW一項主要特色在於它可以下載你Blog的部落格主題,讓你在WLW撰寫Blog的時候看起來就像是最後顯示在Blog的樣貌外觀。在大部分前後台都是分離的平台中,WLW部落格主題這個特色功能不僅鶴立雞群,也是一種營造專心寫作情境的好幫手。

WLW能夠呈現部落格主題的方法是去你的Blog分析HTML樣板,並下載必要的HTML、CSS跟圖片,最後重組成為適合在WLW呈現的樣貌。

WLW分析部落格主題錯誤

Ashampoo_Snap_2013.01.27_14h40m14s_005_-nibCCapture-38fa4e3b-5a58-46d7-96e2-79d897f94d5b

不過有時候WLW分析部落格主題的時候會有錯誤。像是我的部落格主題使用了複雜的JavaScript跟CSS來實作首頁摘要顯示的功能,然而WLW下載部落格主題的時候,卻總是無法順利分析,導致內文編輯的區域無法正常顯示,WLW也會因為找不到正確的檔案而跳出錯誤訊息。

還好,我們還是可以靠手動修正來解決這個問題。

WLW部落格主題的檔案位置

Ashampoo_Snap_2013.01.27_14h44m55s_007_4518b400-3283-45d7-b27d-b420f31f1c43

WLW部落格主題下載之後會存放在使用者自己的資料夾中。Windows 7/8(Vista理論上也一樣,但我沒試過)跟Windows XP的位置不同,大致上規則如下:

Windows 7/8的位置

預設可能會擺在以下路徑:

C:\Users\[使用者名稱]\AppData\Roaming\Windows Live Writer\blogtemplates\[部落格帳號代號]

[使用者名稱]要換成你自己的帳號,[部落格帳號代號]則是一連串亂碼,每次新建部落格帳號時都不一樣。

舉例來說,我其中一台Windows 7電腦的WLW部落格主題檔案位置如下:

C:\Users\Pudding\AppData\Roaming\Windows Live Writer\blogtemplates\986f81eb-782f-4e48-a762-c608821d41ce

Windows XP的位置

Windows XP的使用者資料則是放在C:\Documents and Settings之中,一樣會有[使用者名稱]與[部落格帳號代號]需要替換。

舉例來說,我其中一台Windows XP電腦的WLW部落格主題檔案位置如下:

C:\Documents and Settings\pudding\Application Data\Windows Live Writer\blogtemplates\681a0889-f3d7-4c07-af11-6ebd1113b580

修改WLW部落格主題的注意事項

找到部落格主題資料夾之後,懂得HTML的人應該很容易就能修改。不過實際上,還有幾點事情是需要注意的:

修改index.html為主

部落格主題資料夾中有許多檔案,你可以先從「index.htm」開始調整,這是WLW編輯畫面中主要呈現的樣板。

Ashampoo_Snap_2013.01.27_14h49m56s_009_C--Users-pulip-000-AppData-Roaming-Windows Live Writer-blogtemplates-4518b400-3283-45d7-b27d-b420f31f1c43-index-htm - Sublime Text 2

替換絕對路徑

要注意的是,index.htm中引用CSS跟圖片的時候都是使用絕對路徑,例如:

file:///C:/Users/pudding/AppData/Roaming/Windows Live Writer/blogtemplates/681a0889-f3d7-4c07-af11-6ebd1113b580/be4f2b4a-ed0d-4af7-8450-b42c95643280/icon_comment_left.gif

這路徑會實際對應到你電腦上的檔案,在修改的時候要特別注意。如果你修改了部落格主題卻發現有些圖片或CSS樣式無法順利呈現時,請注意一下index.htm中絕對路徑指向的圖片或CSS是否正確。

因為我常常在不同電腦上安裝WLW,每一台的絕對路徑都不一樣,所以這個index.htm其實是不能直接複製使用的。

修改之後重新啟動WLW確保完全生效

Ashampoo_Snap_2013.01.27_15h36m27s_014_-nibCCapture-38fa4e3b-5a58-46d7-96e2-79d897f94d5b

修改部落格主題之後,你可以先試著用WLW切換編輯模式為「程式碼」,然後再切換回「編輯」,這樣子一部分修改後的部落格主題會順利呈現。不過有時候卻也有些小細節卻無法靠這種方法來呈現修改後的效果(我猜是外部引用的CSS,但還不確定),因此最好是重新啟動WLW來確保部落格主題修改的效果能夠完整的呈現。


結語:WLW仍然是離線撰寫Blog的最佳工具

2007年的時候,我因為WLW網路總是有錯誤而寫了一篇「Blogger離線編輯器,還離不了線」,但是後來WLW更新了版本讓網路更為穩定,而且介面與功能也越來越好用。作為一個文書編輯工具或是程式編輯器來說,WLW可能還不夠資格。可是作為撰寫Blog撰寫工具來說,有著部落格主題的WLW,至今仍然是我認為最佳的Blog離線撰寫工具。

image

附帶一提,我非常不推薦使用Blogger的文章撰寫工具。因為他會大量修改我的HTML原始碼,特別是自動加入許多斷行,這總是讓我寫好的JavaScript無法順利運作。但是在WLW裡面編輯卻沒有這個問題,WLW也會動我的原始碼,可是他至少不會給我亂斷行。

image

所以到頭來我還是回來用WLW來編輯Blog,真的是沒有Windows Live Writer,我就不想寫Blog了。

(more...)

FileZilla Server別名(alias,虛擬目錄)設定

布丁布丁吃布丁

FileZilla Server別名(alias,虛擬目錄)設定

Ashampoo_Snap_2013.01.23_00h53m52s_004_關於 FileZilla Server

FileZilla Server是一個開放原始碼的FTP伺服器,不僅穩定、可以設定的功能也很多。但是我現在使用的FileZilla Server 0.9.33 beta版本中,介面仍然不太友善,有些操作不是這麼直覺。像是我這篇要講的「別名」(alias,通常稱作「虛擬目錄」)功能,設定的時候就需要注意一些小細節。

因為我每次重灌都會忘記這些細節,所以乾脆寫一篇記錄一下如何設定。


FTP中的家目錄(home)與虛擬目錄(virtual directory)

image

家目錄(home)是指使用者登入之後預設所在的目錄。使用者連線的時候它的路徑會是「\」(Windows作業系統中)。家目錄對應的伺服器實體目錄底下的資料夾會一併列出,使用者可以取用家目錄底下的子目錄檔案。

但是如果有些資料夾在家目錄之外,你又想讓使用者可以取用這些資料夾,那就得用虛擬目錄──在FileZilla Server中,這功能叫做叫做「別名」(alias)。

舉例來說,你可以建立一個「CD-ROM」的虛擬目錄在家目錄中,連結到實體光碟機。這樣子使用者就能在家目錄底下取用光碟的資料內容了。

FilaZilla Server設定別名

image

好,現在我們就來開始設定FilaZilla Server吧。這邊我預設你已經用過FilaZilla Server一段時間,應該都知道大部分的設定了吧。以下這些設定都是在「使用者」的功能下設定的喔。

1. 設定家目錄

image

你現在已經建立了一個帳號,然後從左邊的「共用資料夾」設定使用者的家目錄吧。請按下「新增」按鈕。

image

選擇一個目錄。

Ashampoo_Snap_2013.01.23_00h55m26s_009_使用者

設定完成,預設新增第一個目錄就會是家目錄。你可以看到目錄路徑左邊會多一個「H」的符號,就是「Home」的簡稱。

2. 設定虛擬目錄

接下來我們設定另外一個虛擬目錄。請按下「新增」按鈕。

Ashampoo_Snap_2013.01.23_00h55m41s_011_使用者

選擇另 一個你要設定的目錄。

image

新增好了,可是這樣子家目錄底下看不到剛剛新增的目錄喔。我們還要設定它的別名。請在該目錄後面別名的空白處雙擊滑鼠,開啟別名設定。(很難找吧XD)

image

在這裡就能夠設定該目錄的別名。這邊要注意,也不是直接讓你設定目錄名稱就好,請在名稱前面加上「\」。例如你要在家目錄(\)底下設定虛擬目錄「__H__」,那麼必須寫成「\__H__」。

image

設定完成。按左下角「確定」來儲存設定吧。

3. 連線測試

2013-01-23_005841

我們試著連FTP看看,發現家目錄底下的確出現了「__H__」虛擬目錄。這樣就成功囉。

(more...)