一晚上搭建個人域名博客Github+Hexo

搭建個人域名博客其實沒有那麼難。下班到家後,九點開始,十二點半的時候就可以訪問了http://www.lvchongstudio.top
接下來就記錄一下整個搭建的過程,以及這其中的坑,重點是坑。

首先要準備的環境
Node.js
git
阿里雲購買域名(.top的域名現在兩塊一年)

現在開始幹活

打開https://github.com/,登陸(註冊)自己的賬號。

創建一個倉庫repository,倉庫名稱爲“自己GitHub的用戶名.github.io”(例如我的是:lvchongstudio.github.io),這個是GitHub爲個人博客提供的專門的倉庫,必須以此命名。

打開命令行,執行下面語句

(可選:cd進入你想存放博客搭建代碼的文件夾)

(下文的”lvchongstudio.github.io”均需要以自己的倉庫名替換)

npm install hexo-cli -g
hexo init lvchongstudio.github.io
cd lvchongstudio.github.io
npm install
hexo server

到此會運行到如圖界面,然後在瀏覽器打開命令行最後一行的鏈接,即可進入默認的博客界面。

將本地的博客頁面關聯到GitHub上(”lvchongstudio.github.io”文件夾下點擊右鍵,通過”git bash here”打開命令行):

  1. 檢查(生成)ssh密鑰。

  2. 在github上添加ssh密鑰

檢查本機的ssh密鑰

cd ~/.ssh

如果提示:No such file or directory 說明你是第一次使用git。
生成新的SSH Key:

`ssh-keygen -t rsa -C "郵箱地址"`

然後回車就好

注意1: 此處的郵箱地址,你可以輸入自己的郵箱地址;注意2: 此處的「-C」的是大寫的「C」

然後系統會要你輸入密碼:

Enter passphrase (empty for no passphrase):<輸入密碼>

Enter same passphrase again:<再次輸入密碼>

在回車中會提示你輸入一個密碼,這個密碼會在你提交項目時使用,如果爲空的話提交項目時則不用輸入。這個設置是防止別人往你的項目裏提交內容。

注意:輸入密碼的時候沒有*字樣的,你直接輸入就可以了。

1、打開本地C:\Documents and Settings\Administrator.ssh\id_rsa.pub文件。此文件裏面內容爲剛纔生成人密鑰。如果看不到這個文件,你需要設置顯示隱藏文件。準確的複製這個文件的內容,才能保證設置的成功。

2、登陸github系統。點擊右上角的 Account Settings—>SSH Public keys —> add another public keys

3、把你本地生成的密鑰複製到裏面(key文本框中), 點擊 add key 就ok了

測試

可以輸入下面的命令,看看設置是否成功,[email protected]的部分不要修改:

ssh -T [email protected]

顯示個人github賬號信息表示成功。

配置Hexo(其實很簡單)

首先在lvchongstudio.github.io目錄下找到_config.yml文件,用記事本打開,修改最後deploy處。

(其他地方可自行查閱官方文檔修改,後續blog也可能添加修改教程)

deploy:
  type: git
  repository: https://github.com/LvChongStudio/lvchongstudio.github.io.git
  branch: master
  plugins: -hexo-generator-feed

繼續在”git”命令行窗口操作(上一個命令行)

npm install hexo-deployer-git --save

將博客上傳到github

繼續在”git”命令行窗口操作(上一個命令行)

git init

git add .

git commit -m "first commit"

git remote add origin https://github.com/LvChongStudio/lvchongstudio.github.io.git

git push -u origin master

hexo g

hexo d

好,到此爲止,在瀏覽器輸入http://lvchongstudio.github.io應該就能訪問到剛纔搭建的頁面了。

關聯已購買的域名

  1. 在github當前倉庫頁點擊Creat New file,然後name your file處填”CNAME”,正文填已經購買的域名,然後點擊commit。

  2. 在命令行通過ping得到github自己博客頁的ip地址

    ping lvchongstudio.github.io

  3. 在域名控制檯找到自己購買的域名,然後點擊解析,再點添加解析,將自己ping到的ip地址填上去。

大功告成,現在大家就可已通過http://www.lvchongstudio.top訪問你的博客了

謝謝大家

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