怎樣做一個漂亮的 GitHub Pages 首頁？

01-14

大概每個人技術和可展示的內容都會不一樣吧，說說看法好了。

百度/Google一下會有很多的帖子講如何搭建自己的Github Pages。

而如何做出「漂亮的」Github Pages，新手的話，從挑一個誠心如意的模板開始把。

關於搭建：

pchou.info 的頁面

這是作者關於搭建GP的最新貼，很精練。

其中Jekyll是Github默認的模板系統，所以也推薦選擇這個。

如果在搭建Jekyll中出現問題，可以參考Github的幫助頁：

Using Jekyll with Pages

關於模版：

Jekyll Themes

這裡有一些不錯的模版，可以去看看，然後fork下來，解壓到自己的項目文件夾中，commit到你的github上就好了。然後根據自己的需要再進行修改。

Ps. 有些主題需要額外安裝一些工具，例如sass。但是直接在項目文件夾中gem install sass就好了，比較簡單。如果你下載了模版使用中有問題，可以看一下模版文件夾下的README.md

關於更多：

使用Github Pages建獨立博客

這個帖子的後半部分（從Jekyll模版系統開始），比較詳細的介紹了Jekyll，並且推薦了一些關於如何加入「評論」，「代碼高亮」的功能的插件。

其他鏈接：

如何搭建一個獨立博客——簡明Github Pages與Hexo教程

我的博客：

Dream my dream

就是用上述辦法搭建的，可以供大家參考。

===== 2015.03.30 =====

更新「關於模版」

更新了我自己Blog的模版

GitHub Pages有官方的自動生成工具，自帶主題，圖簡便可以試試。GitHub:help https://help.github.com/articles/creating-pages-with-the-automatic-generator
做博客貌似很多人在用octopress，可以實現Wordpress的遷移：http://blog.dayanjia.com/2012/04/migration-to-octopress-from-wordpress/
做項目的介紹或者個人知識管理推薦一下Vimwiki，簡潔高效，條目清晰，適合資料的收集整理。推薦幾個不錯的Vimwiki站點：

閑耘：http://wiki.hotoo.me

丘遲的維基世界：http://wiki.ktmud.com/index.html

波黎克斯：http://www.berlinix.com/index.html

當然了，要做出漂亮的首頁，離不開好的設計，紮實的CSS功底，輔助的JS錦上添花更好。

GitHub pages和Octopress搭配，可以搭建免費、穩定的靜態博客。安裝配置很簡單，通過git，管理很方便，重要地是很自由。給樓主一些參考鏈接吧：

1. 使用github pages和Octopress搭建靜態博客及配置

2. 用Github和Octopress搭建博客

3. 3rd Party Octopress Themes · imathis/octopress Wiki · GitHub，這裡有Octopress很多簡潔的主題。

謝邀，教你一個最簡單的方式，上git搜關鍵詞jekyll 或者jekyll pages，然後看到好看的你就fork吧，pull到本地改成自己的。

done！

本人博客：http://itgoyo.github.io

域名部署：http://www.kotlinandroid.net

2017/12/27修改

由於換了indigo主題,原來的教程文件已經刪除了

用的是Hexo搭的GithubPage，自定義網易雲音樂，用的是hexo比較熱門的主題yilia，就稍微修改了一下

增加評論模塊

增加百度統計

增加Google、百度收錄

增加不蒜子統計

文章自定義分享

博客里均有詳細教程

優點：自定義樣式，各種炫酷主題自己選

還有yilia主題可以自定義標籤，可以通過標籤頁來選擇文章，各種炫酷。

然後網站還可以添加多說評論功能

我會告訴你 Fedora中文社區是用 Github Page 做的嗎？

PS：由於 gh-page 百度不收錄，我們已轉入國內平台 http://Coding.net 託管。

更新：

最近換了個主題，貼兩張圖：

細節可以參看我的博客：V

想嘗試的可以去作者github獲取主題demo：Simple Texture

--------------------------------------------------------------------------------------------------------------------------

Github pages配合jekyll 或者hexo應該都能達到你的需求。所需要的就是找個你順眼的主題。我的博客:https://bryceyang.github.io

比如我的這個博客，因為喜歡小丑，所以背景什麼的換成了喜歡的了之後就變成了這樣。

我個人的一個主頁http://blogabs.cc

Ichennan | Ichennan

改自首頁 | 林安亞的博客

找一個喜歡的HTML模板，修修改改就好了

http://flinhong.github.io，歡迎來踩哦

漂亮這個詞本身就是很主觀。有人喜歡擬物有人愛扁平，有人喜歡藍色有人討厭粉紅。但是有一些設計原則是通用的，它可以保證你的作品給人以美感，這些通用的原則裡面最重要的一點就是簡約，適當留白。事物的發展規律是這樣的：簡陋 --&> 華麗 --&> 簡約。簡約是必須經過華麗之後蛻變而成的，沒有經過華麗，就很難真正理解簡約。同樣道理，沒有經過華麗的擬物化，也很難體驗現在的扁平化美在哪裡。

最後貼一下最近完成的算是比較滿意的github pages設計。權當練練手。

http://enml.github.io/site

使用Github Pages + Hexo 來搭建靜態博客，我的個人主頁：Line"s Blog，使用的是next主題，還挺好的

我用jekyll做的博客，你可以看看，我覺得挺漂亮的，可以自選主題 http://seoaqua.com/

1. 選擇一個好的靜態頁面生成器，比如 Jekyll, Hexo, Hugo；這裡我推薦 Hugo，原因是這貨比起其它幾個，安裝和配置方便得多，生成頁面的速度也是前兩者無可比擬的；

2. 找一個自己覺得還可以的主題，https://themes.gohugo.io/ 列出了大家貢獻出來並且可以使用的主題，找一個相對滿意的，有能力的話自己再修改下，如果覺得都不滿意，可能就需要閱讀文檔自己想辦法做了；

3. 大部分人的回答要麼是藉機會貼一下自己的站點，要麼是介紹自己的 Blog 有啥功能，這樣的回答和提問壓根沒聯繫。

我用基於python的pelican搭建的博客：Pelican + Github 搭建靜態個人博客

Pelican-Elegant Mac風格主題配置

hexo.io 也不錯，nodejs的blog，可以直接部署到github上。

GitHub - FongRay/FongRay.github.io: personal blog

博客從jekyll遷移到hexo，買了個域名：

http://fangr.cc

參考了幾個改了下，弄個免費域名，差不多了。

以後還是專註內容吧。

... github pages 和普通的網頁沒有什麼區別啊，只是被 github host 而已 ...

這是我最近用 jekyll 搭的博客首頁。

也是像前面很多人提到的，第一步先去找一個自己喜歡的模版。然後在模版的基礎上改進。

我用的模版原來長這樣（酷炫高冷風）

這是原始模版的 repository: artemsheludko/flexible-jekyll

每個人對漂亮的定義不同，自己喜歡就好。

你問的是藝術問題，是設計問題。

「漂亮的 GitHub Pages 首頁」是關於審美的，是一個主觀問題。決定個人博客是否好看的決定權在於你。你覺得好看，她才好看！

你如何決定這個頁面是「我覺得漂亮呢」？

看！多看！看十個不同的個人博客主頁樣式，基本上你就明白你認為的漂亮 GitHub Pages是什麼了。

當然，有一些東西，我們大家都覺得漂亮，比如無印良品(MUJI)所設計的物件。這裡推薦兩個我認為是極簡主義的博客風格（她們都開源，你覺得漂亮可以立刻獲得她）：

設計師原研哉，寫過一本《白》，我覺得這兩個博客的風格非常類似於此：

灰白和白

註：我推薦的是基於jekyll的博客，和GitHub所使用的技術是一致的，希望這不會對你產生困擾！