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

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

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

 

相關步驟:git

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

 

 二、安裝Git和配置好Git環境,安裝成功的象徵就是在電腦上任何位置鼠標右鍵可以出現以下兩個選擇web

 

注意:通常出於安全考慮,只有在Git Bash Here中才能進行Git的相關操做。若是須要在cmd命令行裏調用Git,那麼就要配置電腦的環境變量Path,或者在安裝的時候選擇use Git from the Windows Command Prompt。這個無關緊要,影響不大,成功配置的界面如圖npm

 

 三、Github帳戶註冊和新建項目,項目必需要遵照格式:帳戶名.github.io,否則接下來會有不少麻煩。而且須要勾選Initialize this repository with a README安全

 

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

 

 四、安裝Hexo,在本身認爲合適的地方創個文件夾,我是在D盤建了一個blog文件夾。而後經過命令行進入到該文件夾裏面網絡

 

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

 

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

 

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

看到後面的「Start blogging with Hexo!」,激動有木有!!!!!

 

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

 

輸入hexo g,首次體驗Hexo

 

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

問題:假如頁面一直沒法跳轉,那麼可能端口被佔用了。此時咱們ctrl+c中止服務器,接着輸入「hexo server -p 端口號」來改變端口號

那麼出現以下圖就成功了

 

 

 五、將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:
一、首先在你的終端運行 xclip -sel c ~/.ssh/id_rsa.pub將公鑰內容複製到剪切板
二、在github上添加公鑰時,直接複製便可
三、保存

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

 

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

 

 

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

 

七、新建一篇博客,在cmd執行命令:hexo new post 「博客名」

 

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

 

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

 

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

 

 

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

 

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

 

原文地址:http://www.javashuo.com/article/p-pxakfhkv-gr.html 感謝原文做者:若有侵犯,請聯繫做者QQ337081267刪除

相關文章
相關標籤/搜索