1. 程式人生 > >使用github-hexo-域名繫結(阿里雲)搭建個人部落格

使用github-hexo-域名繫結(阿里雲)搭建個人部落格

最近心血來潮,想用github+hexo+域名繫結來搭建自己的一個部落格網站,在這其中也遇到了很多的問題,比較大的問題是在域名的繫結那裡,但最後終於在網上找到了解決方法。現在將我的搭建心得分享給大家。

下載Git

也可以用下面的百度網盤,官網下載真的慢。

下載Node.js

這裡安裝步驟都比較簡單,在這裡就不多贅餘了。

安裝Hexo

在你自己喜歡的磁盤裡建立一個Hexo的資料夾,比如我的就是C:\Hexo(因為在D盤裡已經有了這個資料夾,所以用C盤,建議真實搭建的時候不要在系統盤)

開啟Hexo資料夾,在資料夾裡右擊,右擊會出現Git Brsn Here,點選,會出現下圖:

在git命令列輸入

npm install -g hexo

然後初始化Hexo

hexo init

接著啟動服務

npm install -> hexo server ->hexo clear ->hexo generate ->hexo deploy

當hexo server執行後在電腦上瀏覽器輸入瀏覽器輸入 http://localhost:4000 時就會出現個人部落格的頁面了。接著在Git命令框中按下Crtr+c後才能輸入後面的命令。

註冊github

如果你有github的話就不需要註冊,這裡註冊還是比較簡單的,具體可以參考下面的文章

註冊完成後新建一個repository

然後點選建立建立就建立了一個新的倉庫

購買域名

我是在阿里雲上買的域名

選擇你喜歡的字尾域名,我選的是top字尾的,主要是因為便宜。

購買完成後,如果沒有進行過實名認證的話,一定要進行實名認證,也就是域名狀態那裡(這點很重要,我在最後的域名的繫結卡了好久,就是沒有實名認證的原因。)

進行解析

進行實名認證後,進行域名解析。先開啟電腦上的cmd,然後ping你之前建立的倉庫名,得到IP。

解析IP,點選“解析”後有個“新手引導”,在那裡輸入你得到的IP。

之後還要設定一下A和CNAME,設定如圖(具體的引數以自己得到的為準。)

阿里雲的設定就到這裡,接下來設定github,開啟剛剛建立的倉庫,開啟Setting

然後找到Github pages,在Custom domain裡輸入你購買的域名,點選save後就會出現下圖箭頭指向的提示。

接著還需要設定本地Hexo裡的檔案,找到source資料夾,在裡面先建立個文字文件,輸入你購買的域名,儲存後重命名為CNAME,去掉字尾。

修改_config.yml(注意名稱後有空格)

repository獲取方式,開啟你剛剛建立的倉庫,找到clone or download,然後點選複製

最後在Git Bush中輸入

npm install hexo-deployer-git –save
hexo clean –>hexo generate –>hexo deploy

到這裡,配置就完成了!如果你的域名實名認證成功了,這時在瀏覽器輸入你的網址,就會看到你的個人部落格啦,比如我的就是http://www.yuanerhero.top/,當然這個樣式是Next主題,之後你每次修改了本地的檔案要提交到github上的時候,還是要用到hexo clean –>hexo generate –>hexo deploy,這樣才會提交成功。