如何在GitHub上創建個人博客

原文地址:https://nolon.xyz

GitHub給用戶提供了一些儲存空間,可以很好的發佈我們的項目,利用GitHub pages可以快速簡便的搭建一個個人博客,並且省去了註冊域名和購買服務器這一步驟。今天我就來給大家詳細介紹一下如何利用GitHub pages+Hexo搭建個人博客。

GitHub上的準備

https://github.com/ 這是GitHub的首頁,進去之後點擊右上角的sign up進行註冊,註冊成功後你就擁有了自己的代碼倉庫
在Github首頁右上角頭像左側加號點選擇 New repositor(新存儲庫)或點擊這裏進行創建一個倉庫.

進入倉庫點擊右邊的設置

找到GitHub pages這一塊,會提示分配給你的域名,都是用戶名.github.io

下載GitHub客戶端,根據你的系統自己選擇下載
點擊前往GitHub下載
下載好之後,登錄你的賬號,然後把GitHub上的倉庫克隆到本地

使用Hexo

使用Hexo之前需要安裝Node.jsGit

安裝Hexo

選擇一個磁盤然後新建一個文件夾,右鍵選擇Git bash

打開之後就是這樣,輸入以下命令

npm install hexo-cli -g   
hexo init #初始化網站   
npm install   
hexo g #生成或 hexo generate   
hexo s #啓動本地服務器 或者 hexo server,這一步之後就可以通過http://localhost:4000  查看了

添加主題

安裝主題(yilia主題):
hexo clean
git clone https://github.com/litten/hexo-theme-yilia.git themes/yilia   
啓動主題
找到目錄下的_config.yml 文件,打開找到 theme:屬性並設置爲yilia

更新主題
cd themes/yilia
git pull
hexo g
hexo s
此時刷新http://localhost:4000/頁面就能看到新的主題了.

使用Hexo deploy部署到github
還是編輯根目錄下_config.yml文件

deploy:
    type: git
    repo: [email protected]:YANH66/yanh66.github.io  #這裏的網址填你自己的
    branch: master   

保存後需要提前安裝一個擴展:

npm install hexo-deployer-git --save

接下來就是將Hexo部署到我們的Github倉庫上

部署到GitHub

檢查SSH keys的設置

在Git bash中輸入以下命令

cd ~/.ssh
ls
#此時會顯示一些文件
mkdir key_backup
cp id_rsa* key_backup
rm id_rsa*  
#以上三步爲備份和移除原來的SSH key設置
ssh-keygen -t rsa -C "郵件地址@youremail.com" #生成新的key文件,郵箱地址填你的Github地址
#Enter file in which to save the key (/Users/your_user_directory/.ssh/id_rsa):<回車就好>
#接下來會讓你輸入密碼

然後會看到成功的畫面

添加SSH keys到GitHub

點擊右上角的頭像,從下拉菜單裏找到設置,然後點開
在設置裏找到SSH and GPG keys
從本地電腦裏找到隱藏文件.ssh

打開之後找到id.rsa.pub

用記事本方式打開之後複製粘貼到key中
到了這就可以測試一下是否成功了:

ssh -T [email protected]
#之後會要你輸入yes/no,輸入yes就好了。

設置你的賬號信息:

git config --global user.name "你的名字"     #真實名字不是github用戶名
git config --global user.email "郵箱@郵箱.com"    #github郵箱

部署到GitHub

hexo d

這時再刷新 username.github.io 就可以看到你的博客了。

發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章