「收藏」程序員github搭建個人博客

hexo+github搭建個人博客及美化

title: hexo+github搭建個人博客及美化

date: 2018-08-26 21:03:11

tags:

- 博客

- git

- hexo

categories: 搭建博客 hexo github


本文主要講的是使用Hexo+Github一步步搭建屬於自己的個人博客(基礎篇)

1、準備工作

安裝Node.js和配置好Node.js環境,打開cmd命令行,輸入:

node -v

安裝Git和配置好Git環境,安裝成功的象徵就是在電腦上任何位置鼠標右鍵能夠出現如下兩個選擇Git GUI Here和Git Bash Here。查看git是否安裝成功,在cmd命令行中輸入:

git --version

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

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

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

d:
cd blog

命令行中輸入npm install hexo -g,開始安裝Hexo,等待安裝完畢後進行下一步

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

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

輸入hexo g,首次體驗Hexo

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

問題:假如頁面一直無法跳轉,那麼可能端口被佔用了。此時我們ctrl+c停止服務器,接著輸入“hexo server -p 端口號”來改變端口號,如何在瀏覽器中輸入:localhost:端口號,你就可以在本地查看部署好的個人博客項目了。

4、將本地博客部署到github網站上去。

將Hexo與Github page聯繫起來,設置Git的user name和email

  • 設置Git的user name和email
  • a 在博客blog目錄下,右鍵選Git Baes Here,命令行中輸入,其中的name和email替換成你自己的用戶名和郵箱
$ git config --global user.name "Name"
$ git config --global user.email "[email protected]"
  • 輸入輸入cd ~/.ssh,檢查是否由.ssh的文件夾
  • 輸入ssh-keygen -t rsa -C “[email protected]”,連續三個回車,生成密鑰,最後得到了兩個文件:id_rsa和id_rsa.pub(默認存儲路徑是:C:\\Users\\Administrator.ssh)。

登錄Github,點擊頭像下的settings,添加ssh。新建一個new ssh key,將id_rsa.pub文件裡的內容複製上去

輸入ssh -T [email protected],測試添加ssh是否成功。如果看到Hi後面是你的用戶名,就說明成功了

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

deploy: 
type: git
repo: [email protected]:enfangzhong/enfangzhong.github.io.git
branch: master

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

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

hexo new post "你好,醬油哥"

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

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

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

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

好了,到此為止,最基本的也是最全面的hexo+github搭建博客完結。接下來進入主題優化吧

主題優化展示: https://enfangzhong.github.io/


分享到:


相關文章: