使用Hexo+Github一步步搭建屬於自己的博客(基礎)


前言:電腦系統為window 10專業版,64位

 

相關步驟:

1、安裝Node.js和配置好Node.js環境,打開cmd命令行,成功界面如下

 

 2、安裝Git和配置好Git環境,安裝成功的象征就是在電腦上任何位置鼠標右鍵能夠出現如下兩個選擇

 

注意:一般出於安全考慮,只有在Git Bash Here中才能進行Git的相關操作。如果需要在cmd命令行里調用Git,那么就要配置電腦的環境變量Path,或者在安裝的時候選擇use Git from the Windows Command Prompt。這個可有可無,影響不大,成功配置的界面如圖

 

 3、Github賬戶注冊和新建項目,項目必須要遵守格式:賬戶名.github.io,不然接下來會有很多麻煩。並且需要勾選Initialize this repository with a README

 

在建好的項目右側有個settings按鈕,點擊它,向下拉到GitHub Pages,你會看到那邊有個網址,訪問它,你將會驚奇的發現該項目已經被部署到網絡上,能夠通過外網來訪問它。 

 

 4、安裝Hexo,在自己認為合適的地方創個文件夾,我是在D盤建了一個blog文件夾。然后通過命令行進入到該文件夾里面

 

輸入npm install hexo -g,開始安裝Hexo

 

輸入hexo -v,檢查hexo是否安裝成功

 

輸入hexo init,初始化該文件夾(有點漫長的等待。。。)

看到后面的“Start blogging with Hexo!”,激動有木有!!!!!

 

輸入npm install,安裝所需要的組件

 

輸入hexo g,首次體驗Hexo

 

 輸入hexo s,開啟服務器,訪問該網址,正式體驗Hexo

問題:假如頁面一直無法跳轉,那么可能端口被占用了。此時我們ctrl+c停止服務器,接着輸入“hexo server -p 端口號”來改變端口號

那么出現如下圖就成功了

 

 

 5、將Hexo與Github page聯系起來,設置Git的user name和email(如果是第一次的話)

 

上圖是在其文件夾里面鼠標右鍵,點擊Git Base Here。這里“feng”可以替換成自己的用戶名,郵箱可以替換成自己的郵箱

 

輸入cd ~/.ssh,檢查是否由.ssh的文件夾

 

輸入ls,列出該文件下的內容。下圖說明存在

 

 輸入ssh-keygen -t rsa -C “929762930@qq.com”,連續三個回車,生成密鑰,最后得到了兩個文件:id_rsa和id_rsa.pub(默認存儲路徑是:C:\Users\Administrator\.ssh)

 

 

 輸入eval "$(ssh-agent -s)",添加密鑰到ssh-agent

 

 再輸入ssh-add ~/.ssh/id_rsa,添加生成的SSH key到ssh-agent

 

 登錄Github,點擊頭像下的settings,添加ssh

 

 

新建一個new ssh key,將id_rsa.pub文件里的內容復制上去

 

輸入ssh -T git@github.com,測試添加ssh是否成功。如果看到Hi后面是你的用戶名,就說明成功了

問題:假如ssh-key配置失敗,那么只要以下步驟就能完全解決

首先,清除所有的key-pair
ssh-add -D
rm -r ~/.ssh
刪除你在github中的public-key

重新生成ssh密鑰對
ssh-keygen -t rsa -C "xxx@xxx.com"

接下來正常操作
在github上添加公鑰public-key:
1、首先在你的終端運行 xclip -sel c ~/.ssh/id_rsa.pub將公鑰內容復制到剪切板
2、在github上添加公鑰時,直接復制即可
3、保存

測試:
在終端 ssh -T git@github.com

 

6、配置Deployment,在其文件夾中,找到_config.yml文件,修改repo值(在末尾)

 

 

repo值是你在github項目里的ssh(右下角)

 

7、新建一篇博客,在cmd執行命令:hexo new post “博客名”

 

 這時候在文件夾_posts目錄下將會看到已經創建的文件

 

在生成以及部署文章之前,需要安裝一個擴展:npm install hexo-deployer-git --save

 

使用編輯器編好文章,那么就可以使用命令:hexo d -g,生成以及部署了

 

 

部署成功后訪問你的地址:http://用戶名.github.io。那么將看到生成的文章

 

 好了,到此為止,最基本的也是最全面的hexo+github搭建博客完結。接下來是進階的操作

 


免責聲明!

本站轉載的文章為個人學習借鑒使用,本站對版權不負任何法律責任。如果侵犯了您的隱私權益,請聯系本站郵箱yoyou2525@163.com刪除。



 
粵ICP備18138465號   © 2018-2025 CODEPRJ.COM