如何使用GitHub進行WordPress開發

在本教程中,我們將向您介紹GitHub並解釋它為何如此受開發人員歡迎的工具。然後,我們將向您介紹如何使用它來進行WordPress開發。

如果您花了很多時間閱讀WordPress,那麼您很有可能聽說過GitHub。它是開發人員託管專案並與他人協作的最受歡迎的平臺之一。也許您甚至考慮過自己嘗試一下,但不知道從哪裡開始。

是時候熟悉這個寶貴的WordPress資源了。GitHub是一個用於跟蹤、管理和協作開發專案的優秀平臺,因此非常值得學習如何使用。它使您能夠線上託管專案並使用Git強大的版本控制來跟蹤每一個更改。

GitHub簡介

WordPress官方GitHub

如果你是一個新手,GitHub可能看起來複雜,但它的核心實際上非常簡單。本質上,GitHub是一個專門為開發者設計的免費託管服務。它的主要用途是託管用於共享和協作的專案,使這些專案可用,以便其他使用者可以貢獻和下載它們。

顧名思義,GitHub是圍繞Git的功能構建的。這是一個版本控制系統,用於跟蹤對專案所做的所有更改。這個系統如此強大的原因在於它的全面性。由於Git會跟蹤專案中的每個檔案和更改,因此它使您能夠快速恢復到任何以前的版本。

Git還允許開發人員建立“分支”,即當您建立專案的副本時,您就可以獨立處理它。這使您有機會進行和測試更改,而不會影響整個專案。然後,您可以根據需要將更改“合併”到主分支中,或者乾脆丟棄它們。

這些功能是理解為什麼Git和GitHub對開發人員如此寶貴的關鍵。例如,您不必擔心會對專案造成無法修復的損壞,因為您始終可以建立分支並回滾所有修訂。此外,在一個潛在無限數量的使用者的專案上進行協作很容易。事實上,這正是當今WordPress本身的開發方式

GitHub入門

在開始使用GitHub之前,您需要一個可以同時使用Git和GitHub的系統。首先,您需要在本地計算機上下載並安裝Git。您將使用它來執行重要的GitHub相關任務,例如在您的計算機和GitHub儲存庫之間傳輸檔案。

GitHub只是專案的宿主,因此所有實際開發都在您的本地機器上進行。Git然後使用“儲存庫”來儲存每個專案。

從理論上講,這聽起來可能令人困惑,因此讓我們看一下典型的工作流程:

  1. 您有一個專案託管在GitHub上的儲存庫中。
  2. 您建立一個本地儲存庫,並使用Git從GitHub中“拉取”最新版本的專案。
  3. 您現在可以在本地計算機上處​​理該專案。進行更改後,您可以將它們“推送”回GitHub儲存庫。

您決定如何構建您的特定工作流程取決於您的偏好和專案要求。重要的是您的流程對您、您的專案和您的合作者來說順利進行。

最後,為了充分利用Git,您需要使用命令列。Git最常通過具有命令列介面的Secure Shell (SSH)使用。

如何使用GitHub進行WordPress開發

現在,是您親自嘗試GitHub開發的時候了!在此示例中,您將建立一個用於開發WordPress主題的GitHub專案。在向您展示如何在它們之間來回傳輸主題之前,我們將向您展示如何建立一個GitHub帳戶和兩個儲存庫。

1. 建立本地WordPress環境

當您為WordPress進行開發時,始終使用暫存環境很重要。這使您可以自由地嘗試新事物,而不必擔心它們會如何影響您的實時站點。

在這種情況下,您將通過在計算機上安裝WordPress來建立本地暫存環境。您可以通過幾種不同的方式執行此操作,但我們建議使用DesktopServer(你也可以選擇自己喜歡的本地搭建WordPress環境的方式),它使您能夠免費快速建立本地版本的WordPress:

DesktopServer官網

首先選擇DesktopServer的免費版本,註冊一個帳戶,然後下載並執行安裝程式。

DesktopServer安裝

安裝程式需要一些時間才能工作。完成後,您可以按照我們提供的教程建立和配置新的本地WordPress站點。

2. 在本地機器上安裝Git

現在是安裝Git的時候了。如果您執行的是最新版本的Mac OS,您可能會發現Git已經在您的機器上。您可以通過開啟命令列介面(例如Terminal)並輸入以下命令來檢查這一點:

git --version

如果安裝了 Git,此函式將返回其版本號。如果沒有,系統會詢問您是否要立即安裝它。您還可以下載安裝程式併為Mac、Linux 和 Windows計算機手動執行它。

如果您對命令列介面不滿意,您可能需要考慮下載Git GUI應用程式。但是,對於此示例,我們將使用標準命令列方法。無論哪種方式,一旦安裝了Git,您就可以建立本地儲存庫了。

3. 為您的專案建立本地儲存庫

您現在可以為您的專案建立本地Git儲存庫。在此示例中,我們將使用預設的二〇一七主題,該主題應該已包含在您的本地WordPress安裝中。

首先,您需要使用以下命令訪問主題的資料夾:

cd /Users/you/Documents/Websites/website/wp-content/themes/twentyseventeen

通過使用正確的資料夾名稱替換您和網站,確保更改此檔案路徑,使其指向正確的目錄。您現在可以使用以下命令將此目錄初始化為儲存庫:

git init

接下來,您需要將檔案新增到索引中。這會告訴Git自上次執行提交(換句話說,儲存更改)以來您新增或編輯了哪些檔案。由於這是第一次提交,您可以使用以下命令新增資料夾中的每個檔案:

git add

您現在可以提交更改。以下命令將提交索引中的所有檔案,幷包含一條訊息以幫助您保持版本井井有條:

git commit -m "The first commit"

您現在已經完成了本地儲存庫的配置。這意味著是時候將我們的注意力轉向GitHub。

4.註冊一個GitHub賬號

此時,您需要建立一個GitHub帳戶。首先訪問GitHub主頁並填寫登錄檔。

GitHub賬號註冊

當您繼續下一步時,系統會詢問您要使用什麼計劃。您應該在此處選擇Unlimited public repositories for free選項,然後選擇Continue

GitHub免費賬號

最後一步涉及根據您以前的經驗水平自定義您的帳戶。您可以在此處選擇適用於您的選項,然後單擊提交以建立您的帳戶。

GitHub賬號自定義選項

您的帳戶現在已準備就緒。您可以選擇通讀介紹性指南,或立即建立一個新專案。

如果您想了解更多關於使用GitHub的基礎知識,我們建議您花一些時間閱讀上述指南。但是,現在,請單擊Start a project。在此階段,您可能會被要求驗證您的電子郵件地址。

GitHub賬號郵箱驗證

您應該已經收到一封來自GitHub的電子郵件,因此請檢查您的收件箱並點選驗證電子郵件地址連結。完成後,您將被帶到一個頁面,您可以在其中建立新專案。

5. 在GitHub上建立一個儲存庫

您終於準備好為您的專案建立GitHub儲存庫。這是一個相當簡單的過程,只需要您配置一些設定。讓我們從頂部開始。

建立GitHub儲存庫

首先,您可以選擇儲存庫的所有者,該所有者實際上是儲存庫的管理員。這應該已經設定為你自己,所以你可以保持原樣。接下來,您需要為您的儲存庫提供一個描述性且簡潔的名稱。您可能希望以您將要處理的外掛、主題或其他專案命名。之後,您可以輸入專案的描述。同樣,這應該是描述性的,以便其他開發人員和使用者可以理解您正在建立的內容。

由於您註冊了一個免費帳戶,因此您將只能建立一個公共儲存庫(儘管您現在只需要這些)。您還可以選擇使用README檔案立即將儲存庫克隆到您的計算機。由於您已經有一個本地儲存庫,因此您現在不應選擇此選項。但是,它可以成為未來專案的便捷工具。

最後,您將在此螢幕底部看到兩個下拉選單,提供其他選項。如果您希望Git忽略某些被跟蹤的檔案,第一個使您可以選擇gitignore選項

第二個選項允許您為儲存庫選擇許可證。在建立真正的專案時,仔細考慮要使用的許可證很重要。WordPress對許可證有非常具體的規則,如果您計劃為該平臺進行開發,則需要注意這些規則

現在,您只需從該選單中選擇“None”,然後單擊“Create repository即可完成設定。

GitHub儲存庫相關命令

這將帶您進入您的新專案,這意味著是時候新增您的主題了。

6. 將你的專案提交到GitHub

您現在可以將您的主題推送到 GitHub。在Git中輸入以下命令,確保將URL替換為指向您剛剛設定的儲存庫的連結:

git remote add origin https://github.com/yourusername/my-git-theme.gitgit push -u origin master

然後系統會提示您輸入GitHub使用者名稱和密碼。完成此操作後,您提交到本地儲存庫的所有檔案都將推送到您的GitHub專案。

WordPress主題GitHub儲存庫

如果您返回到您的GitHub儲存庫,您將看到所有檔案都已新增到其中。

7. 從GitHub獲取更新到您的本地儲存庫

您現在已經設定了兩個儲存庫,並且您知道如何將更改從本地機器推送到GitHub專案。最後一步是翻轉這個過程並學習如何將資料從GitHub提取到本地安裝。如果你是一個人在一個專案上工作,你很少需要擔心這樣做。但是,如果其他開發人員也將他們的更改推送到外部儲存庫,則這變得必要。

您可以通過使用很容易做到這一點的讀取命令。只需將此命令輸Git,將URL替換為GitHub專案的正確URL:

git fetch https://github.com/yourusername/my-git-theme.git

這將從GitHub拉取所有更改,並將它們複製過來。您的本地儲存庫現在將與您的GitHub儲存庫同步。

完成後,您已成功為WordPress主題建立了一個新的 GitHub 專案!此時,您可以繼續嘗試使用這些工具,看看您能完成什麼。

小結

使用GitHub進行WordPress開發賦予您對專案各個方面的絕對權力。通過使用Git強大的版本控制功能,您可以訪問每個更改,從而輕鬆恢復到檔案的早期版本。Git和GitHub還使多個開發人員可以輕鬆地在同一個專案上進行協作。

評論留言