Jekyll

[Jekyll] 03. Github 個人網站 & 域名绑定

 · 2 mins read

GitHub 提供免費的 Git Server ，如果推上去的分支的名字剛好叫做 {你的Github名稱}.github.io，你可以用 GitHub 當做靜態檔案的伺服器。


Github 個人網站

1. 新增專案

  • 在 GitHub 上開一個全新的專案 ，專案名稱的地方，填寫「{你的Github名稱}.github.io」。
  • 方法 1：
    • 在目錄下放你 download 的主題。（可參考：Jekyll cheatsheet 1）
  • 方法 2：

    • 先 clone git 專案下來。

        $ git clone {你部落格的GitHub網址} {你本地的部落格資料夾}

    • 之後在目錄下執行以下指令，建立 jekyll 架構。

        $ jekyll new {blogname}


2. 安裝 Jekyll 與他的相關檔案

  • 增設一個 Gemfile。

      $ cd {你本地的部落格資料夾}
  $ vim Gemfile

  • 在 Gemfile 中請輸入以下資料：

      $ source 'https://rubygems.org'
  $ gem 'github-pages', group: :jekyll_plugins

  • 回到本地部落格的資料夾，安裝：

      $ bundle install

  • 在本地部落格的資料夾執行Jekyll。

      $ bundle exec jekyll serve

  • 開啟你的瀏覽器輸入 http://127.0.0.1:4000/ 就能看到本地端的結果了。


Git Commit

  • 加入更改。

      $ git add .           # 全部更新
  $ git add file_name   # 指定檔案

  • 加 commit 與 log。

      $ git commit -m "log detail"

  • push。

      $ git push  
  $ git push -u origin master  # 或是push 到 master

  • 查詢現在狀態。

      $ git status

  • push 完成後，開啟你的瀏覽器輸入 http://{你的Github名稱}.github.io 就能看到結果了。


域名绑定

1. 申請免費域名



2. 進入 DNSPod 網站進行域名解析

  • 添加域名，輸入剛剛申請的域名。 ​

  • 添加三項，其他攔位參考圖片設定。

    • f1g1ns1.dnspod.net
    • f1g1ns2.dnspod.net
    • 第三欄為 http://{你的Github名稱}.github.io 的 domin ip 可用 $ nslookup {你的Github名稱}.github.io 查詢。 ​



3. Github CNAME

  • 在 Github 目錄下添加檔名為 CNAME 的文件，內容為你的域名，如 cleoblog.ml。
  • 進入 Github 設定可看到，就可以通過域名進行訪問了。 ​


ref：

  • https://jekyllcn.com/
  • https://nk910216.github.io/2017/02/05/HowToSetupBlog/
  • https://gitbook.tw/chapters/github/using-github-pages.html
  • https://blog.csdn.net/Maple_ROSI/article/details/79629531