如何搭建網站以及成本費用

教你如何搭建網站？ 建立自己的網站在幾個層面上都是有益的。 可以有機會向朋友、 家人和潛在的僱主展示你的工作和成就， 帶來自豪感， 並根據自己的喜好自由地構建和塑造自己的網站。

而構建部落格頁面是一種絕佳的選擇， 但其有限的功能只能撰寫和釋出文章。 最終， 像我一樣， 你將希望自己的網站成為工作的核心部分。 幸運的是， 我們生活在一個充滿創造力的偉大時代， 你可以在幾分鐘內使用免費工具構建網站。

在這篇文章中， 我們將看到如何使用 Jekyll 站點生成器和 GitHub Pages 來構建和釋出一個不需要編碼的簡單部落格。 如果你想了解最終產品， 可以檢視我的（ 正在構建中） 網站。

Jekyll 和 GitHub 頁面

Jekyll 是一個簡單的靜態站點生成器。 這意味著它需要純文字檔案， 並將它們呈現為一個網站， 然後可以透過網路託管服務提供給網站。 這項服務的一個選擇是GitHub Pages， 這是一個免費託管並透過 GitHub 輕鬆釋出的網站。

使用 Jekyll+GitHub 頁面， 你的網站原始檔位於GitHub 儲存庫中， 該儲存庫會自動釋出到網站上。 基本上， Jekyll 將儲存庫中的文字文件轉換為網頁， 然後該網頁由 GitHub 託管。 你唯一需要擔心的是撰寫帖子和編輯一些文字檔案。 正如 Jekyll 的設計理念所述： ” Jekyll 不受約束， 讓你專注於真正重要的事情：內容。 ”

你可以在 GitHub 上按照這個指南設定一個新的空白網站。 但是， 如果你希望儘可能快地建立一個簡單的部落格， 更好的選擇是分叉（ fork） （ 這是一個 GitHub術語， 意味著複製） Jekyll Now 儲存庫， 該儲存庫已經構建了部落格佈局並準備釋出。

分叉之後， 進入你賬戶下的儲存庫設定， 並將名稱更改為 username.github.io。

將 Jekyll Now 儲存庫分叉並將名稱更改為username.github.io在幾分鐘內， 你將能夠在瀏覽器中username.github.io， 並在網路上看到你的新網站！ 但現在還不屬於你， 你可以透過幾個步驟解決這個問題。

預設的 Jekyll Now 網站你可以透過克隆儲存庫並在你喜歡的文字編輯器中

開啟它們來本地編輯任何網站檔案。 然後， 當提交併將更改推送到 GitHub 時， 網站將自動更新。 但是， 我強烈推薦採有線上 Prose 編輯器， 而不是本地編輯器。

Prose 編輯器

Prose 編輯器可以使你可以更輕鬆地檢視所有檔案， 快速進行更改， 並在儲存後立即提交， 並將其推送到 GitHub。 你必須使用 GitHub 對 Prose 編輯器進行身份驗證， 然後才能開始改進你的部落格。 例如， 要開始讓網站個性化， 請_config.yaml 檔案：

在 Prose 編輯器中編輯_config.yaml。 點選儲存後， 可以線上檢視這些更改。

更改配置檔案後的網站寫部落格帖子

Jekyll 中的所有部落格文章都是採用 Markdown 編寫的， 這是一種輕量級語言， 可以轉換為 HTML 或許多其他格式。 它非常容易學習， 在網路上無處不在， 並提供了大量自定義帖子的機會。

你的網站帖子位於_posts /資料夾中， 當你在Prose 編輯器中編輯和儲存檔案時， 你將能夠看到它們出現在你的部落格上。 遵循命名約定： date-title.md， 你的帖子將自動在你的網站上正確顯示命名和日期。

在 Prose（ 上圖） 中編輯 Markdown 文件並在網站上顯示帖子（ 下圖） 。

如果你已在 Medium 平臺上釋出帖子， 則可以使用此 Chrome 擴充套件程式或這個命令列工具將這些帖子轉換為 Markdown。 其轉換並不完美， 但只需進行一些編輯， 你就可以快速將作品匯出到部落格中。 這是我寫的一篇關於從現有的文章到 Markdown 的文章， 它解決了我發現的幾個問題。

走得更遠構建自己網站的好處是你可以控制事物外觀的各個方面， 並新增想要的任何功能。 首先挖掘儲存庫中的檔案並檢視 Jekyll 文件。 例如， 要更改字型和樣式， 編輯style.scss 檔案， 並啟用帖子評論等功能， 請編輯_config.yaml。 你甚至可以透過像 Hover 這樣的網路域名註冊商購買一個自定義域名， 並遵循這個指南。

關於 Jekyll 的好處是， 如果只想專注於寫作， 可以保留預設值， 就將擁有一個乾淨、 可呈現的部落格。 如果你想要進行更改， 那麼可以儘可能地進行更改。 例如，我在我的 about 頁面中新增了一個實時程式碼編輯器， 以使其更有趣：編輯的關於頁面的實時編碼結論

如果你因為擔心時間或成本問題而一直沒有建立部落格， 那麼現在是時候開始了。 使用 GitHub Pages 和Jekyll， 你可以在五分鐘內免費獲得自己的部落格！

提醒一下， 步驟如下：

1.將 Jekyll Now 儲存庫分叉到你的 GitHub 帳戶。

2.將 repo 重新命名為 username.github.io。 你的網站就可以釋出。

3.在 Prose 線上編輯器中更改網站檔案並儲存以更新網站。 透過更改_config.yaml 並在_posts/中新增markdown 帖子開始使用。

4.透過閱讀文件， 檢視其他網站或只是進行試驗，儘可能多地擴充套件/自定義網站。

對於已經擁有 Medium 帖子的人來說， 這裡有一個

將他們轉移到 Markdown 的指南。 如果你沒有這樣

做， 那麼這裡還有一些關於資料科學專案的幫助文件。

最後， 自己嘗試構建一個網站吧！

教你如何搭建網站？ 建立自己的網站在幾個層面上都是有益的。