github網頁

時間 2019-11-29

標籤 github 網頁欄目 Git 简体版

原文原文鏈接

GitHub主頁

建立倉庫

想必你們都有本身的Github帳號吧，沒有的能夠到GitHub官網註冊帳號，註冊完後，咱們來下一步，在咱們的GitHub上面右上角的New repository來建立一個倉庫。
html

倉庫名必須遵照相應格式：your_username.github.io，這樣子在訪問主頁的時候直接用your_username.github.io就能訪問。
node

我這裏由於是已經建立了一個倉庫了，因此會有提示，而後點Create repository肯定建立倉庫。git

設置Pages

接下來咱們來設置咱們的GitHub Pages，打開咱們剛剛建立的倉庫，而後建立一個主頁index.html

而後在裏面輸入代碼github

 
 
 
 
  
  
  
  1
  
  
  
  2
  
  
  
  3
  
  
  
  4
  
  
  
  5
  
  
  
  6
  
  
  
  7
 
 
 
 
<!DOCTYPE html> <html> <body> <h1>Hello World</h1> <p>I'm hosted with GitHub Pages.</p> </body> </html>

而後保存npm

接下來咱們打開GitHub Pages的設置，點開Settingsjson

移到下面的GitHub Pageswindows

能夠看出，我如今能用https://jowanxu.github.io/來訪問個人github主頁了，這裏我是用個人一個新建立的號來演示的。
瀏覽器

經過上面的配置，咱們能經過your_username.github.io來訪問咱們的博客主頁了。緩存

Clone倉庫

建立完倉庫後（可直接安裝Git,忽略Clone），咱們須要將代碼下載到本地，這裏就須要用到Git了。ruby

安裝Git

Windows：下載並安裝 git，msysGit
Mac：使用 Homebrew, MacPorts ：brew install git;或下載安裝程序安裝。
Linux (Ubuntu, Debian)：sudo apt-get install git-core
Linux (Fedora, Red Hat, CentOS)：sudo yum install git-core

安裝完Git後，在命令行輸入git --version，判斷是否成功

若是出現不存在命令，那麼就添加Git目錄下bin目錄的環境變量，添加完後要從新打開命令行，而後在判斷是否成功。

這裏我使用msysGit的Bash窗口來進行操做的。

配置Git參數

安裝完Git後，須要配置本地Git的參數，右鍵一個文件夾，而後選擇Git Bash，打開Bash窗口，而後

而後咱們來設置Git的姓名和郵箱：

 
 
 
 
  
  
  
  1
  
  
  
  2
 
 
 
 
git config --global user.name "Firstname Lastname" git config --global user.email "your_email@example.com"

配置完成後，會在~/.gitconfig中生成相應的本地Git配置信息。

添加SSH Key

GitHub上鍊接已有倉庫是驗證是經過SSH的公開密鑰進行認證的，在這裏咱們來生成咱們本身的SSH Key，輸入下面的命令，輸入完後回車，會讓你輸入密鑰的文件名和密碼，系統會在/Users/your_user_directory/.ssh/x下生成私有密鑰id_rsa和公開密鑰id_rsa.pub

 
 
 
 
  
  
  
  1
 
 
 
 
ssh-keygen -t rsa -C "your_email@example.com"

咱們能夠看到生成的文件

id_rsa文件內容是這樣的，由-----BEGIN RSA PRIVATE KEY-----開始，和-----END RSA PRIVATE KEY-----結束

id_rsa.pub的內容是這樣的，由ssh-rsa開頭的

而後咱們在GitHub上面添加本地SSH密鑰信息，在右上角選擇Settings進入設置界面

而後選中SSH and GPG keys，點擊New SSH key

Title能夠隨便填，打開公開密鑰id_rsa.pub，複製裏面的內容到Key裏面，填完密鑰後，點Add SSH key就OK了。

ssh-agent

咱們要經過ssh-agent來添加剛剛建立的密鑰，來登錄GitHub，ssh-agent是一種控制用來保存公鑰身份驗證所使用的私鑰的程序，經過輸入下面兩條命令添加，第一條命令是反引號`，不是單引號’

 
 
 
 
  
  
  
  1
  
  
  
  2
 
 
 
 
eval `ssh-agent -s` ssh-add hexo_rsa（上面建立的密鑰文件名）

而後咱們登錄一下GitHub，看是否登錄成功

 
 
 
 
  
  
  
  1
 
 
 
 
ssh -T git@github.com

登錄成功~~~

Hexo框架

Hexo 是一個快速、簡潔且高效的博客框架。Hexo 使用 Markdown（或其餘渲染引擎）解析文章，在幾秒內，便可利用靚麗的主題生成靜態網頁。
安裝Hexo須要用到npm，而安裝npm則須要安裝Node.js，Node.js能夠在官網下載，下載完成直接安裝，而後經過命令行來判斷是否安裝完成

npm設置淘寶NPM鏡像，來提升下載速度

 
 
 
 
  
  
  
  1
 
 
 
 
npm install -g cnpm --registry=https://registry.npm.taobao.org

設置完鏡像後，就能夠安裝Hexo了

 
 
 
 
  
  
  
  1
 
 
 
 
npm install -g hexo-cli

而後用命令行查看是否安裝成功

 
 
 
 
  
  
  
  1
 
 
 
 
hexo -version

接下來咱們須要建立一個文件夾，文件名隨意，也能夠在已存在的文件夾裏面，可是裏面必須是什麼文件都沒有，而後進入到文件夾裏面，來初始化Hexo

 
 
 
 
  
  
  
  1
 
 
 
 
hexo init

若是沒有出現錯誤，那麼咱們的Hexo博客框架就安裝完成了，生成的目錄內容以下，其中_config.yml是網站的配置信息，咱們大部分的參數都是在這個文件裏面修改

接下來咱們來啓動Hexo服務

也能夠開啓debug模式，debug模式能夠實時更新，方便查看修改後的結果。

 
 
 
 
  
  
  
  1
 
 
 
 
hexo s --debug

而後咱們在瀏覽器上輸入localhost:4000來打開Hexo

Hexo經常使用命令

new

若是咱們要建立一篇文章的話，咱們能夠經過new命令來建立，也能夠直接在博客目錄下面的\source\_posts裏面建立markdown文件。

 
 
 
 
  
  
  
  1
 
 
 
 
hexo new [layout] <title>

若是標題包含空格的話，請使用引號括起來。

generate

generate命令是用來生成靜態文件的，在咱們發佈到GitHub的倉庫的時候，須要先生成，才能上傳。

 
 
 
 
  
  
  
  1
 
 
 
 
hexo generate

能夠簡寫爲

server

開啓服務器，網址爲http://localhost:4000

 
 
 
 
  
  
  
  1
 
 
 
 
hexo server

一樣能夠簡寫爲

deploy

部署網址，上傳到咱們的GitHub的倉庫上面。

 
 
 
 
  
  
  
  1
 
 
 
 
hexo deploy

一樣能夠簡寫爲

clean

清除緩存文件 (db.json) 和已生成的靜態文件 (public)。在某些狀況（尤爲是更換主題後），若是對站點的更改不管如何也不生效，運行該命令。

 
 
 
 
  
  
  
  1
 
 
 
 
hexo clean

Hexo配置Git

咱們要上傳GitHub必需要先設置一些內容，打開博客目錄下面的配置文件_config.yml，找到deploy，而後在type那裏輸入git，在repo那裏輸入咱們的倉庫地址，在branch那裏輸入master，message爲上傳日誌，可不寫

通常咱們上傳到GitHub的時候咱們用這條命令來執行，生成靜態文件而且部署到服務器。

上傳完成以後，咱們能夠在博客文件夾裏面的.deploy_git目錄管理咱們的倉庫文件，那麼咱們上面就不須要Clone倉庫下來了。

下一步咱們來經過域名解析GitHub主頁地址來訪問我的博客。

域名

在本地搭建完我的博客後，咱們就要將代碼上傳到咱們的GitHub倉庫上面去，而後咱們就能夠經過your_username.github.io來訪問咱們的博客主頁了，可是咱們若是要修改GitHub的域名的話是改不了的，只有咱們本身去購買域名，而後經過域名解析將咱們的GitHub主頁的域名解析到咱們本身買的域名上面，這樣咱們就能夠經過咱們自定義的域名來訪問咱們的博客了。