如何用github page搭建博客？

01-01

如題，現在網上的那些教程都不可用了，github page似乎已經改版了，麻煩知道的告知一下，感謝(?????)?

此教程，為網路上現唯一可用的教程，原創，歡迎轉載.

1. 先去github官網申請一個賬號，然後創建一個倉庫:

2. 進入倉庫的右上角的Setting里，找到這裡，改為master分支：

3. 然後先保存

4. 隨便選擇一個主題後退出來

多了一個文件，相當於是倉庫默認首頁index.html，之後我們把這個文件刪了也沒有影響，這一步主要是和github沒更新以前的gh-pages分支的作用相同.

5. 在本地建一個文件夾：

6. 打開github客戶端，登陸自己的賬號（從我提供的網盤裡下載，網上絕大部分不可用，官網的需要翻牆下載）

鏈接：http://pan.baidu.com/s/1mhGUyF2 密碼：qfem

為什麼要用這個客戶端，這個命令行，因為它簡單啊...

8. 進入命令行

9. 進入github的命令行：

首先要將雲端的倉庫地址克隆下來：

10. 先在命令行里進入本地所建的文件夾：

11. 開始克隆地址：

12. 在本地文件夾發現多出這麼些文件（部分文件可能隱藏，可以將他們調出來）

13. 將我們博客的代碼（網上有博客模板，自己不想寫，就去下載一些現成的帶有完整源碼的博客代碼吧(*^ω^*)）放進這裡：

14. 將代碼上傳：

依次在命令行輸入：（注意命令行當前所在的位置必須是在博客代碼所在目錄）代碼如下：

黑體部分全部要替換為自己的路徑或者倉庫名：

cd F:logxiaohe

git add . (有一個點)

git commit -m "demo"

git pull origin master (注意是master分支，不是以前的gh-pages分支)

git push origin master

(以後博客頁面的跟新以及代碼的上傳，都可以在本地文件夾xiaohe里操作，然後通過上面相同的幾行代碼執行即可。)

具體代碼執行結果如下截圖所示：

15.

此時，所有工作就已經完成啦~我們可以到倉庫的Setting里查看到自己博客的地址：

訪問該地址即可訪問我們的網頁：

（這裡我再統一回復一下各位學弟學妹們的問題，就是為啥訪問這個地址就能打開我們的網頁呢？我有那麼多的網頁，它到底打開哪個呢？其實，我們訪問這個倉庫的地址，就是默認訪問我們倉庫裡面文件名為index.html的文件啦，這個默認是我們的首頁，從網上下載博客模板後，你會看到它裡面有index.html這個文件，放在我們本地的倉庫里上傳後，我們的博客首頁就會自動替換為這個網頁所顯示的效果。還有一點很重要，既然寶寶們都把博客搭起來了，是不是得學一下相關的網頁知識啦？可以去了解一下前端以及JAVAEE的知識，就算自己沒興趣，對自己改那些博客模板也是有好處的。然後咱們這種搭建博客的方式，好處是N多的，壞處有一個，沒有資料庫，這是github page本身的局限性，如果只是搭建博客，這個可以忽略。不過我已經解決了這個問題，目前網上應該也沒有相關的資料，後續我會更新的(*^ω^*)）

可以自己買一個域名，如我的博客域名所示，將github提供的博客鏈接，轉換為自己想要的地址。

我自己的博客搭建的時候，github page還沒改版，前些日子幾個同學看到我這博客，也想要一個，他們去網上找教程，發現都不能用了。然後，小何課堂就開課了，寫了這篇不需動腦子就能搭的博客教程。如果你也喜歡這篇教程，給我點個贊吧，贊的多，本喵後續就繼續更新更多的隱藏博客福利~

我的博客:小何--博客首頁

如果你有什麼問題或者疑惑，歡迎在我博客留言和我交流，我們一起學習一起進步~

然後我目前也是一個渣渣，目前在考研，偷偷找了個時間給大家來知乎寫了這篇教程，希望幫助那些，現處在前端開始的這段路上的道友們，一點幫助，與君共勉！

GitHub搭建個人博客

這是前幾天自己摸索出來最簡單的路線，非常適合小白。

推薦github pages + hexo

可谷歌教程，也可看看下面的

《用Hexo和GitHub Pages搭建個人博客》

http://tanchao90.com/hexo-github/

不請自來。這兩天剛研究好的，趁熱吃吧。

源地址：用 Hexo 和 GitHub Pages 搭建博客 (&<-- 此博客就是 Github Pages 上的）

聲明：本文為 ryanluoxu 原創文章，可以轉載，但必須在明顯位置註明出處！

搭建這個博客走了許多彎路。在這裡分享總結之後的思路和簡化步驟。

Github Pages
Hexo 博客框架
部署
Next 主題

Github Pages

Github Pages 其實本身就是 Github 提供的博客服務。我們在 Github 中創建一個特定格式的 Repository，Github Pages 就會將裡面的信息生成一個網頁，展示出來。

操作如下：

1. 註冊 Github 賬號，然後在 Github 中創建一個以 .http://github.io 結尾的 Repository。

Repository name: http://ryanluoxu.github.io
勾選 Initialize this repository with a README
Create repository

2. 簡單地編輯一下 README.md 這個文檔。比如添加：I am trying to create my own blog.. 保存(Commit changes)。

3. 打開網頁：http://ryanluoxu.github.io 這裡就可以看到 README.md 里的內容了。

如果沒有太多的要求，其實直接用 README.md 來寫博客也是不錯的。這個生成好的 Repository 就是用來存放博客內容的地方，也只有這個倉庫里的內容，才會被 http://ryanluoxu.github.io 這個網頁顯示出來。

Hexo

Hexo 是一個博客框架。它把本地文件里的信息生成一個網頁。如果不需要放在網上給別人看，就沒 Github Pages 什麼事了。

使用 Hexo 之前，需要先安裝 Node.js 和 Git。

操作如下：

1. 安裝 Node.js

前往 https://nodejs.org/en/
點擊 8.9.1 LTS 下載
安裝
打開 Command Prompt，輸入 node -v
得到：v8.9.1

安裝成功

2. 安裝 Git

前往 https://git-scm.com/
點擊 Downloads
點擊 Windows
一般情況，下載會自動開始。如果沒有，就點擊 click here to download manually
安裝
打開 Command Prompt，輸入 git --version
得到：git version 2.15.0.windows.1

安裝成功

額外說明：如果 Git –version 指令不管用，可能需要到 Environment Variable 那裡添加 Path。

3. 安裝 Hexo

打開 Command Prompt
輸入 npm install -g hexo-cli
回車開始安裝
輸入 hexo -v
得到 hexo-cli: 1.0.4 等一串數據

安裝成功

4. 創建本地博客

在D盤下創建文件夾 blog
滑鼠右鍵 blog，選擇 Git Bash Here。如果沒有安裝 Git，就不會有這個選項。
Git Bash 打開之後，所在的位置就是 blog 這個文件夾的位置。（/d/blog）
輸入 hexo init 將 blog 文件夾初始化成一個博客文件夾。
輸入 npm install 安裝依賴包。
輸入 hexo g 生成（generate）網頁。由於我們還沒創建任何博客，生成的網頁會展示 Hexo 裡面自帶了一個 Hello World 的博客。
輸入 hexo s 將生成的網頁放在了本地伺服器（server）。
瀏覽器里輸入 http://localhost:4000/ 。就可以看到剛才的成果了。
回到 Git Bash，按 Ctrl+C 結束。

此時再看 http://localhost:4000/ 就是無法訪問了。

5. 發布一篇博客

繼續在 Git Bash 里，所在路徑還是 /d/blog。輸入 hexo new "My First Post"
在 D:logsource_posts 路徑下，會有一個 My-First-Post.md 的文件。編輯這個文件，然後保存。
回到 Git Bash，輸入 hexo g
輸入 hexo s
前往 http://localhost:4000/ 查看成果。
回到 Git Bash，按 Ctrl+C 結束。

將本地 Hexo 博客部署在 Github 上

前面兩個部分，我們已經有了本地博客，和一個能託管這些資料的線上倉庫。只要把本地博客部署（deploy）在我們的 Github 對應的 Repository 就可以了。

1. 獲取 Github 對應的 Repository 的鏈接。

登陸 Github，進入到 http://ryanluoxu.github.io
點擊 Clone or download
複製 URL 待用

我的是 https://github.com/Ryanluoxu/ryanluoxu.github.io.git

2. 修改博客的配置文件

打開配置文件 /d/blog/_config.yml （使用 bash 里的 vi 或者 notepad++）
找到 #Deployment，填入以下內容：

deploy:

  type: git  
  repository: https://github.com/Ryanluoxu/ryanluoxu.github.io.git  
  branch: master

保存退出

3. 部署

回到 Git Bash
輸入 npm install hexo-deployer-git --save 安裝 hexo-deployer-git 此步驟只需要做一次。
輸入 hexo d
得到 INFO Deploy done: git 即為部署成功

之前我們創建的 ReadMe.md 會被自動覆蓋掉。

4. 查看成果

前往 http://ryanluoxu.github.io 即可。

使用 Next 主題

更多 Hexo 的主題看這裡

這裡以 Next 為例。大概思路就是把整個主題的文件克隆到我們的主題文件夾中。在配置文件中註明使用該主題。

操作如下：

1. 還是回到 Git Bash。輸入 git clone https://github.com/iissnan/hexo-theme-next themes/next

這樣，該主題的文件就全部克隆到 D:log hemes
ext 下面。

2. 修改博客配置文件

打開 D:log_config.yml
找到 theme:
把 Hexo 默認的 lanscape 修改成 next。即 theme: next
找到 # Site，添加博客名稱，作者名字等。
在 language 後面填入 en 或者 zh-Hans，選擇英文或者中文。
找到 # URL, 填入 url。比如 url: https://ryanluoxu.github.io

填入名字後會有很風騷的 ? 2017 Ryan Luo Xu 的字樣出現在博客底部。

3. 重新生成部署即可

回到 Git Bash。輸入 hexo g -d就可以了。

先把修改的內容生成網頁，再部署。

4. 查看成果

前往 http://ryanluoxu.github.io 即可。

搭建好之後，繼續個性化的設置參考：""""

為啥總出現404錯誤呢

具體搭建個人覺得還是很簡單的前後加起來小半天的樣子就直接搞定了模板盜用的首頁 | 林安亞的博客突然發現當初給自己定的一月一篇的小目標完成不了了。。。。。。。。。

推薦使用hexo