github搭建免費個人網站

Ⅰ 如何使用Github Pages免費搭建網站

github pages有兩類：
你如果起個名為chendell.github.io的repository, 那麼他的master分支上的文件就能在chendell.github.io的根目錄訪問到。
而如果是其他的repositories，比如這個repository名字叫node，那麼建一個gh-pages分支，該分支下的文件就能在chendell.github.io/node/下訪問到。
1. 門檻：需要理解 Github 的工作方式，熟悉 Github 客戶端，熟悉 Html 與 CSS；
2. 不妨一邊開始寫靜態模板，一邊了解 Jekyll 布局所用到的 Liquid Tag，磨刀不誤砍柴工；
3. Jekyll 博客，可以看作是一套文件結構，通過 Jekyll 程序編譯成靜態網站。如果不熟悉命令，完全可以不安裝 Jekyll，只需按照要求的格式創建文件後再上傳到 Github，然後訪問主頁就可以了，因為 Github Pages 便是由 Jekyll 驅動的，或者直接使用 Jekyll-Bootstrap 的結構；
4. Jekyll 的文件結構大概可以這樣分：配置文件 _config.yml，布局文件 _layouts，模塊文件 _includes，插件 _plugin，文章 _posts，其他文件（不以下劃線開頭的文件及文件夾都會完整的拷貝到生成的靜態網站中，比如 CSS 文件、圖片等），以及將會生成的靜態站 _site；
5. Jekyll 命令很簡單，先使用 cd 命令進入目標文件夾，然後輸入 jekyll --server 生成網站，瀏覽器中輸入 0.0.0.0:4000 訪問生成的靜態網站，jekyll --server --auto 命令將開啟實時更新，修改文件後在瀏覽器中刷新就可看到效果，對本地調試很有幫助；
6. Github Pages 禁用所有插件，需要使用自定義插件，只能上傳生成的網站文件 _site，或者試試 這個辦法 ;
7. 想寫草稿不想被編譯？創建一個以下劃線開頭文件夾就會被忽略，例如在 _posts 下創建 _drafts 存儲草稿；
8. 默認的 Markdown 引擎問題很多，建議替換成 RDiscount。

Ⅱ 如何使用Github Pages免費搭建網站

1. 什麼是Github
Github 官方主頁

簡單說，Github是一個基於git的社會化代碼分享社區。

你可以在Github上創建免費的遠程倉庫(remote repository)，分享你的代碼，當然也可以關注其他人的代碼
你也可以建立公司賬戶，創建私有的遠程倉庫，與開發團隊共同協作開發
想要使用Github Pages，你首先要創建一個Github賬戶

2. 誰在使用Github免費託管網站 ？

Bootstrap
NODESCHOOL
WebComponents
......

3. Github pages的兩種類型

3.1 Project Pages(Repository Pages)

URL for Project Pages.png

在Github上我們可以給不同的project分別創建相應的repository，對於某一個repository，你可以在其中創建一個小網站，向人們展示你的項目，提供項目的相關信息等等。這就是所謂的project pages。例如上面說的bootstrap.com
在一個repo的gh-pages分支中的所有文件將出現在github.io上。
Project Pages How-To
創建一個gh-pages分支
編輯相應的html/css/js文件，用於展示在github.io上
push gh-pages分支到Github上面
//下面是一些會用到的git command
git checkout -b gh-pages //create a gh-pages branch
git branch //check all branches and which branch you are currently working on
git push origin gh-pages //push gh-pages branch to github
git checkout --orphan go-pages //you can create a new empty branch
git push origin :gh-pages //delete a remote branch

最簡單地方法是從Github上直接自動生成頁面，還可以選擇模板。移步這里

3.2 User Pages

URL for User Pages

每一個Github賬戶只能有一個User Pages，主要用來展示一個賬戶中最最重要的項目。
命名為username.github.io的repo中的內容將會出現在username.github.io上。

User Pages How-To

創建一個CNAME文件，包含你的個性域名，放在source文件夾下
example.com

把你個性域名的A record指向Github DNS
192.30.252.153
192.30.252.154

創建一個新的repo，名字必須是username.github.io

創建新的repo

創建你的網站，包括：HTML文件，CSS文件...

my_website_folder
|- index.html
|- main.css
|- bootstrap.js
|...

創建本地git repo
~ $ cd my_website_folder //進入你的網站所在的文件夾
~ $ git init
~ $ git add .
~ $ git commit -m "Initial commit"

添加remote repo到本地，push到Github
~ $ git remote add origin https://github.com/Jason-Yuan/Jason-Yuan.github.io.git
~ $ git remote -v //可以查看是否添加成功，及其詳細信息
~ $ git push origin master

設置個性域名

如果想要搭建博客，下面列了一些非常流行的framework，可自動生成靜態頁面：

Octopress (基於Ruby)
Jekyll (基於Ruby) - 通過Github Pages和Jekyll搭建個人博客
Hexo (基於NodeJS) - 通過Github Pages和Hexo搭建個人博客
Pelican (基於Python)

4. Github Pages的限制(Limitations)

Github Pages只是靜態網站(HTML, CSS, JavaScript)
沒有服務端，所以不支持服務端的語言(沒有ruby, php, python)

Ⅲ 如何利用github搭建個人網站

如果你現在還沒有自己個人博客網站的話，那麼我覺得你看完本篇博客後，強烈的建議你去折騰折騰下，搞個自己的，讓自己也能夠體驗裝 X 的感覺。
要想用搭建一個個人博客網站，首先你得有一個域名，這樣別人才可以通過域名訪問，其次你還要一個空間來存放你的頁面。
空間 空間有免費的空間，也有收費的空間。免費的當然就不夠穩定了，收費的就很貴了，終究是很不爽，有沒有什麼地方是既免費又穩定的空間呢？有，Github 。它允許上傳個人網站項目並自定義你的域名，而且又有穩定的服務，實在是不能夠在好了。
下面就一起跟著我來一步一步的利用 Github 搭建個人博客網站吧！
1. 擁有一個域名
這個步驟我就不詳述了。
舉例：
打開騰訊雲官網
搜索你想要的域名，下單買一個
2. 擁有一個 Github賬號
互聯網崇尚自由與分享。Github 是一個全世界程序員聚集的地方，大家相互分享自己寫的代碼，提升別人，也提升自己。大家都在為著開源社區努力著。因為我從開源項目中學到很多知識，所以我也非常願意分享我的所見所學所得，我的 Github 主頁：https://github.com/sheng17 （歡迎 follow 和對我的項目給個 star 或者 fork 我的項目一起來和我完善項目）
如果還沒有 Github 賬號的話你就先去注冊一個吧，有的話，直接登錄就行，後面的操作都要用到 Github 的。
3. Github 上新建個人網站項目
登錄 GitHub 之後，在頁面右上角點擊 + 加號按鈕，點擊 New repository。

由於我們是新建一個個人網站項目，所有倉庫的名稱需要安裝 GitHub 個人網站項目的規定來寫。
規則就是：
YOUR-GITHUB-USERNAME.github.io
比如我的 GitHub 用戶名是 sheng17，那我就要填寫 sheng17.github.io。然後選擇公開模式，接著點擊創建倉庫按鈕。

創建成功之後，進入了項目主頁面。點擊設置按鈕。

進入之後，滾動頁面到下方。點擊頁面自動生成器按鈕。

點擊右下方繼續去布局按鈕。

選擇一個模板，點擊發布頁面按鈕。

Ⅳ 如何通過GitHub免費搭建在線網頁

擁有下列條件才能使用此方法：
（此項內部問題請自行度娘）
1.你需要擁有一個GitHub賬號；
2.你需要安裝git程序；
3.你需要掌握基本的電腦以及網頁編輯相關知識；
下面只是簡略列出快速搭建網頁的步驟（該步驟為windows系統下方法）
（重要）建立項目主頁步驟：
1.打開How people build software · GitHub （官網），登錄；
2.點擊右上角「+」，新建一個repository(倉庫);
??? a.填寫"repository name"倉庫名（必需）和"Description"描述（可選）；
??? b.類型默認選擇為public.(此處無需更改，private為私人類型需要花錢購買該項服務)；
??? c.勾選項"Intialize this repository with a Readme"為初始化（可選）；
??? d.點擊"Create repository"按鈕;
3.創建用於頁面展示的gh-pages分支;
??? a.點擊"settings";
??? b.在options下右側顯示內容拉至下部找到GitHub Pages欄；
??? c.點擊"Automatic page generator"按鈕跳轉到編輯頁面；
??? d.在接下來的操作中基本都不用管，一路點綠色按鈕直到點擊"publish page"按鈕結束;
??? e.此時已創建完用於展示的默認頁面；
4.克隆倉庫到本地並在本地將你需要展示的內容文件上傳到gh-pages分支；
??? a.在你本地用來安放倉庫的目錄下右鍵選擇"git bash here"會彈出git命令窗口;
??? b.在命令窗口中輸入 "git clone https://github.com/用戶名/倉庫名" 從遠程庫中克隆到本地生成對應的倉庫名文件夾;
??? c.雙擊（倉庫名)文件夾；
??? d.在命令窗口中輸入 "git checkout -b gh-pages origin/gh-pages" 在本地新建一個由遠程"orgin/gh-pages"分支下面分化出來的"gh-pages"（暫時不懂也無所謂，執行這句就行）;
??? e.然後輸入命令 "git rm -rf ."刪除當前倉庫目錄下的所有(步驟2中創建分支時系統默認生成的）文件;
??? f.直接在此處編輯你用來展示頁面的文件或者將你需要用來展示頁面的文件放到此目錄下；
??? g.在命令窗口中輸入 "git add ."緩存當前目錄下的所有文件['.'代表全部，如果只是修改/更新請將'.'換成需要更改的文件（夾）名];
??? h.在命令窗口中輸入 "git commit -m '注釋內容' "? 提交文件到當前倉庫；
??? i.在命令窗口中輸入 "git push origin gh-pages"? 推送文件到遠程倉庫(此處最後需要你輸入你的用戶名和密碼)；
另外，如果已經完成過上面步驟，但是後面想修改前面的文件內容時:
按順序執行第3步中的"c"、"a"、"g"、"h"、"i"即可;
至此，項目頁面展示完成，通過"http://用戶名.github.io/項目名"即可展示你的頁面了。
(注意：上述步驟中輸入命令時，只需輸入雙引號內的內容。)
最後補充你可能需要的鏈接地址
下載git，請點擊官方地址官方下載地址（請選擇對應的版本）?；
如需了解更多有關git的相關知識請點擊Pro Git 簡體中文版?
此處內容有必要了解一下（選修）
該處的內容摘要自：單個GitHub帳號下添加多個GitHub Pages的相關問題 - 我很好奇 - SegmentFault
1.個人主頁必須要和用戶的GitHub帳號同名，所以每個用戶有且只能有一個repo作為個人主頁，且必須是<用戶名/用戶名.github.io> 的形式；而項目主頁的命名則沒有這種限制，且數量有任意多個;
2.不考慮綁定的自定義域名的前提下，個人主頁的GitHub二級域名為<用戶名.github.io> ;項目主頁的GitHub二級域名為<用戶名.github.io/項目名>,沒有<項目名.用戶名.github.io> 這種方式;
3.個人主頁的展示內容以 master 分支里的文件為准；而項目主頁的展示內容以 gh-pages 分支內的文件為准;

Ⅳ 如何在GitHub上面建立自己的個人主頁

第一步：打開github官網：github.com

第二步：點擊sign up for github注冊自己的geithub賬號並登錄

第三步：點擊start a project，開始創建工程文件

Ⅵ 如何使用Github Pages免費搭建網站

github pages有兩類：
你如果起個名為chendell.github.io的repository, 那麼他的master分支上的文件就能在chendell.github.io的根目錄訪問到。
而如果是其他的repositories，比如這個repository名字叫node，那麼建一個gh-pages分支，該分支下的文件就能在chendell.github.io/node/下訪問到。

1. 門檻：需要理解 Github 的工作方式，熟悉 Github 客戶端，熟悉 Html 與 CSS；
2. 不妨一邊開始寫靜態模板，一邊了解 Jekyll 布局所用到的 Liquid Tag，磨刀不誤砍柴工；
3. Jekyll 博客，可以看作是一套文件結構，通過 Jekyll 程序編譯成靜態網站。如果不熟悉命令，完全可以不安裝 Jekyll，只需按照要求的格式創建文件後再上傳到 Github，然後訪問主頁就可以了，因為 Github Pages 便是由 Jekyll 驅動的，或者直接使用 Jekyll-Bootstrap 的結構；
4. Jekyll 的文件結構大概可以這樣分：配置文件 _config.yml，布局文件 _layouts，模塊文件 _includes，插件 _plugin，文章 _posts，其他文件（不以下劃線開頭的文件及文件夾都會完整的拷貝到生成的靜態網站中，比如 CSS 文件、圖片等），以及將會生成的靜態站 _site；
5. Jekyll 命令很簡單，先使用 cd 命令進入目標文件夾，然後輸入 jekyll --server 生成網站，瀏覽器中輸入 0.0.0.0:4000 訪問生成的靜態網站，jekyll --server --auto 命令將開啟實時更新，修改文件後在瀏覽器中刷新就可看到效果，對本地調試很有幫助；
6. Github Pages 禁用所有插件，需要使用自定義插件，只能上傳生成的網站文件 _site，或者試試 這個辦法 ;
7. 想寫草稿不想被編譯？創建一個以下劃線開頭文件夾就會被忽略，例如在 _posts 下創建 _drafts 存儲草稿；
8. 默認的 Markdown 引擎問題很多，建議替換成 RDiscount。

Ⅶ 如何使用Github倉庫創建網站

Github是一個分布式版本控制系統，已經成為全球最大的版本控制網站，下面來介紹一下如何在GItHub倉庫上創建個人網站的代碼倉。

一、注冊Github賬號，首先打開Github主頁，https://github.com 如果你沒有登錄過的話會打開如下圖的界面

這樣，一個Github倉庫就完成了，接下來就可以在IDE中開始編寫代碼並且同步到Github上了，可以通過這個GitHub網站來瀏覽你的代碼。

Ⅷ 如何用github搭建自己的個人網站

1. 注冊賬號:
地址: https://github.com/
輸入賬號、郵箱、密碼,然後點擊注冊按鈕.

2. 初始設置
注冊完成後,選擇Free免費賬號完成設置。

圖2 第2步
2.1 驗證郵箱
請打開你的郵箱，查看發送給你的確認郵件，你需要驗證郵箱後，後面生成的個人主頁才會被接受和發布，

3. 創建頁面倉庫
地址: https://github.com/new
這個倉庫的名字需要和你的賬號對應， 如 linuxidc.github.io
輸入基本信息,然後點擊創建倉庫.

圖3 第3步
4. 進入項目設置頁面
因為這個項目就是專門的放頁面的,所以master分支即可. 如果是你的某個倉庫的頁面,你需要設置到 gh-pages 分支中,關於這些,請參考本文末尾提到的參考資料.

圖4 第4步

5. 進入自動頁面生成器
在設置頁面,下拉到底部, 默認分支(master)不用管.

Ⅸ 如何使用Github Pages免費搭建網站

把代碼直接放到github的倉庫，然後設置網頁路徑就可以通過路徑訪問了。

希望我的回答可以幫到你，有什麼不懂可以追問。