在看Github上項目時，發現有的html頁面效果能很好的展現出來，而有的則不能。對這個問題很好奇，因此研究了一下，最終做到了將頁面展示出來的目的。下面以我的Github的開源項目bootstrap-tools為例，一步一步來說明怎么做。

? ? ? 首先進入這個項目，然后點擊設置：

? ? ? 進入這個頁面后，對GitHub Pages項的Theme Chooser進行設置，選擇choose a theme：

? ? ? ? 進入主題模板頁面后，選擇相應的模板文件。具體怎么選，根據自己的實際情況來就可以！這里我選的是Minimal theme主題模板文件：

? ? ? ? ? 返回原有頁面后，會發現在Github Pages下顯示一行信息：Your site is ready to be published at?https://cmderq.github.io/bootstrap-tools/? ?這就說明你的設置成功了。

? ? ? ? ?下面就是如何訪問對應的頁面了。點擊生成的鏈接，進入這個新生成的頁面：

? ? ? ? ?這個頁面中，是展示bootstrap-tools項目的topic和README文件內容。如果我們要訪問某個html文件(如果 有多個的話)，比如我這里要訪問互文檔.html這個頁面，只需要在https://cmderq.github.io/bootstrap-tools/ 鏈接后加入對應的html文件名即可，鏈接為https://cmderq.github.io/bootstrap-tools/交互文檔.html 最終的效果展示如下：

? ? 這個頁面，能夠顯示css樣式和展示我所做的一些js效果，達到了我最初研究的目的！如果你想顯示其他頁面，輸入相應的名字即可！這樣做，是不是很不錯？

新人創作打卡挑戰賽發博客就能抽獎！定制產品紅包拿不停！

總結

以上是生活随笔為你收集整理的GitHub建立个人网站（二）的全部內容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網站內容還不錯，歡迎將生活随笔推薦給好友。