不用敲代碼就能搭建屬於自己的個人博客?只需要這9步就完成了!

擁有一個屬於自己的博客,不僅是對自己所學知識的考驗,更在在博客中總結自己的東西,也能後因此認識更多志同道合的朋友。對於學生來說,在今後的面試中更是一個加分項(親身經歷)。

但是搭建博客對於很多小夥伴來說,都有一定的難度。今天小胖介紹一種,不需要寫代碼的搭建博客的方式,發表博客只需要碼字就行,不用敲!代!碼!不用敲!代!碼!不用敲!代!碼!(重要的事情說三遍)一起來看看看吧,本方法是基於Github+Hexo進行搭建的。

不用敲代碼就能搭建屬於自己的個人博客?只需要這9步就完成了!


1.下載並安裝node.js和npm(新版本的node已經自帶npm,不用單獨下載)

不用敲代碼就能搭建屬於自己的個人博客?只需要這9步就完成了!


2.安裝git的環境,傻瓜式的安裝方法,默認安裝即可

不用敲代碼就能搭建屬於自己的個人博客?只需要這9步就完成了!


3.註冊github賬號,並創建一個新的倉庫,倉庫的格式一定要按照這種格式來:name.github.io,其他的默認就好

不用敲代碼就能搭建屬於自己的個人博客?只需要這9步就完成了!


4.安裝hexo,在電腦某個合適的地方新建一個文件夾(eg:blog),然後命令行進入到該文件夾,按照以下步驟進行安裝

-安裝hexo
npm install hexo -g
-檢查是否安裝成功
hexo -v

-初始化該文件夾
hexo init
-安裝所需要的組件
hexo install
-體驗一下hexo
hexo g
-開啟服務器,正式訪問網址體驗hexo,輸入localhost:4000訪問
hexo s

若出現下圖,啟動服務器成功

不用敲代碼就能搭建屬於自己的個人博客?只需要這9步就完成了!


若不能成功,可能是端口衝突,請輸入以下命令進行切換端口

hexo server -p

當看見出現以下頁面,表示博客基本框架搭建成功

不用敲代碼就能搭建屬於自己的個人博客?只需要這9步就完成了!


5.將hexo與GitHub聯繫起來,配置name和email(ps:如果已經配置過的可以忽略),在blog文件夾中右鍵打開Git Bash進行配置

git config --global user.name 'your github name'

git config --global user.email 'your github email'

5.1輸入ssh-keygen -t rsa -C “[email protected]” ,連續按三個回車鍵,生成秘鑰,得到了兩個文件:id_rsa和id_rsa.pub(默認存儲路徑是:C:\Users\Administrator.ssh)。

5.2 輸入eval “$(ssh-agent -s)”,添加密鑰到ssh-agent。

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

5.4 登陸GitHub,點擊頭像下拉菜單中的setting,添加ssh

不用敲代碼就能搭建屬於自己的個人博客?只需要這9步就完成了!


5.5 新建一個new SSH Key ,輸入名稱和秘鑰(id_rsa.pub文件中的秘鑰)即可

不用敲代碼就能搭建屬於自己的個人博客?只需要這9步就完成了!


6.配置,找到根文件夾下的_config.yml文件,按照下圖進行修改配置

不用敲代碼就能搭建屬於自己的個人博客?只需要這9步就完成了!


不用敲代碼就能搭建屬於自己的個人博客?只需要這9步就完成了!


7.開啟寫博客之旅,輸入一下命令,建立第一篇blog

hexo new post 'blogName'

在source/_posts目錄下可看見增加了一個hello.md文件,編輯該文件內容,便可發佈博客了

不用敲代碼就能搭建屬於自己的個人博客?只需要這9步就完成了!


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

9.安裝完後便可以部署了,使用hexo d -g進行部署

不用敲代碼就能搭建屬於自己的個人博客?只需要這9步就完成了!


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

不用敲代碼就能搭建屬於自己的個人博客?只需要這9步就完成了!


OK,使用hexo+GitHub搭建基本的個人博客就完成了,目前的大體的功能都已經完善,後續會推出【提升版】的方法,對個人博客進行更精緻的設置以及綁定自己的域名。

如果覺得文章有用,記得關注【小胖世界】,收藏轉發文章哦,每天都會推出有用的文章!


分享到:


相關文章: