搭建個人域名博客其實沒有那麼難。下班到家後,九點開始,十二點半的時候就可以訪問了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”打開命令行):
檢查(生成)ssh密鑰。
在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應該就能訪問到剛纔搭建的頁面了。
關聯已購買的域名
在github當前倉庫頁點擊Creat New file,然後name your file處填”CNAME”,正文填已經購買的域名,然後點擊commit。
在命令行通過ping得到github自己博客頁的ip地址
ping lvchongstudio.github.io
在域名控制檯找到自己購買的域名,然後點擊解析,再點添加解析,將自己ping到的ip地址填上去。
大功告成,現在大家就可已通過http://www.lvchongstudio.top訪問你的博客了
謝謝大家