#github.io

透過 GitHub Pages 製作免費個人網站

GitHub 透過 Git 進行程式碼的版本控制，

除此以外也提供許多實用的服務，

今天就要來介紹：

透過 GitHub Pages 製作免費個人網站

GitHub Pages 是 GitHub 提供的網頁寄存服務， 而且僅支援靜態網頁， 上傳檔案透過 Git ， 以單純的個人網站是可以滿足大多數人的需求的。 預設網址為 [你的帳號名稱].github.io 也可透過 CNAME 紀錄指向 [你的帳號名稱].github.io.

製作首頁的 HTML 檔案有許多方法， 此處直接以 Google 文件轉為 index.html 作為範例，

接著新增一個 Repository ， 名稱設為 [你的帳號名稱].github.io按下 Create repository 新增，

除了利用 Git 命令上傳檔案之外， 也能夠直接使用網頁上傳…

GitHub is awesome. It's so awesome that they even provide you with super basic web hosting for static pages, so you can re-up your old GeoCities site. However, their documentation isn't that stellar, so I wrote up this quick little guide...

1) Make a new repo on GitHub with the following name: [username].github.io

The name before github.io needs to be your exact GitHub handle. So if you're xSk8oRDiEx on GitHub, it'll be xsk8ordiex.github.io, sorry.

2) Once the repo is created, go to the settings (last item in the menu on the right):

3) Click on the Automatic Page Generator (you can skip writing in content on the following page):

4) Select a template and click publish!

Great! Within 15 minutes, you should be able to visit yourname.github.io (or in my case, cmdoptesc.github.io). And to edit the site, clone down the repo and edit it like any other static site. If you want to run Node.js, you'll have to look to paid hosting, or get a trial at Heroku, or Nodejitsu.

Hope this helps!

    Follow-ups:

If you own a domain and would like to direct it to yourname.github.io, check out GitHub's help page. In short, it's a two-step process of (1) modifying information on your registrar (e.g. NameCheap or Gandi) like this:

And (2) adding a CNAME file to the root of the repo. CNAME should have no extensions, and should contain one simple line: yourdomain.com