在GitHub Pages上搭建jekyll

時間 2019-11-15

標籤 github pages 搭建 jekyll 欄目 Git 简体版

原文原文鏈接

每一個人都應該要有本身的博客，下面介紹下本身使用jekyll在GitHub Pages部署搭建我的博客的內容前端

從事互聯網行業日久後，技術漸長，總想着寫寫，把本身回，讓別人更多的看到本身。我的是這樣想的哈哈。
以前曾經本身使用laravel本身寫了個項目，不了了之值。
當時的感受就會耗時不說，最重要的感受上班在寫，下班後繼續寫博客代碼。失去了，作這件事情的本意（分享）。vue

其實如今搭建一個技術博客，很是簡單。java

經常使用的有下面幾種：laravel

GitHub Pages + Jekyll
GitHub Pages + Hexo
wordpress
自行構建依託與java或者PHP，配合前端vue，h5等

什麼是GitHub Pages

Github Pages 是面向用戶、組織和項目開放的公共靜態頁面搭建託管服務，站點能夠被免費託管在 Github 上，你能夠選擇使用 Github Pages 默認提供的域名 github.io 或者自定義域名來發布站點。Github Pages 支持自動利用 Jekyll 生成站點，也一樣支持純 HTML 文檔，將你的 Jekyll 站點託管在 Github Pages 上是一個不錯的選擇。git

什麼是jekyll

jekyll是一個簡單的免費的Blog生成工具，相似WordPress。可是和WordPress又有很大的不一樣，緣由是jekyll只是一個生成靜態網頁的工具，不須要數據庫支持。可是能夠配合第三方服務,例如Disqus。最關鍵的是jekyll能夠免費部署在Github上，並且能夠綁定本身的域名。程序員

我的博客搭建

總體流程:github

選擇一個jekyll主題，fork到本身的github倉庫內
使用gitHub的GitHub Pages，配置項目
設置 GitHub Pages
刪除原有博客中內容，編寫自由內容

步驟詳解

1. fork項目

以我我的項目爲例，打給地址https://github.com/MyStudytime/studytime-Blog，點擊Fork按鈕複製代碼到本身的倉庫。大概1分鐘左右能夠完成。
數據庫

2. 刪除 CNAME 文件

刪除項目中的 CNAME 文件，CNAME 是定製域名的時候使用的內容，若是不使用定製域名會存在衝突。瀏覽器

3. 設置 GitHub Pages

點擊Settings按鈕打開設置頁面，頁面往下拉到GitHub Pages相關設置，在Source下面的複選框中選擇master branch，而後點擊旁邊的Save按鈕保存設置。dom

4. 重命名項目

點擊Settings按鈕打開設置頁面，重命名項目名稱爲：YourGithubUserName.github.io

5. 重命名以後，再次回到 `Settings` > `GitHub Pages` 頁面

會發現存在這樣一個地址： https://YourGithubUserName.github.io

特別注意此處完成後，雖然也能夠打開頁面，可是跳轉頁面仍是個人頁面，須要修改jekyll配置文件。

6. 配置 _config.yml

打開項目目錄下的 _config.yml 文件，修改如下配置：

repository: MyStudytime/studytime-Blog  本身的倉庫地址
github_url: https://github.com/MyStudytime   本身的github地址
url: https://www.studytime.xin  上面設置的https://YourGithubUserName.github.io

完成上述配置後，大概等待一二分鐘後，可訪問https://YourGithubUserName.github.io便可打開網站地址。

7. 配置自定義域名

完成上述配置後，雖然https://YourGithubUserName.github.io也能夠打開博客。可是對於崇尚個性的程序員不免會，想着配置本身的域名。
對於怎麼域名以及備案這些，就再也不此，再述了。

首頁須要進行域名解析，個人域名是阿里雲域名，我就在阿里雲上進行域名解析了。

而後從新打開項目的Settings > GitHub Pages頁面，Custom domain 下的輸入框輸入剛纔設置的域名：blog.studytime.xin，點擊保存便可。
從新配置 _config.yml,打開項目目錄下的 _config.yml 文件，修改配置成url: http://blog.studytime.xin