1. 程式人生 > 其它 >幾天時間搭建了自己的個人部落格,【免租伺服器】【免買域名】,真香警告。

幾天時間搭建了自己的個人部落格,【免租伺服器】【免買域名】,真香警告。

幾天時間搭建了自己的個人部落格,免租伺服器,免買域名,真香警告。

剛花了幾天搭建了個網站,先上鍊接,歡迎來訪:染墨小白的部落格

現在市面上的部落格很多,如CSDN,部落格園,簡書等平臺,可以直接在上面發表,使用者互動做的好,寫的文章百度也能搜尋的到。缺點是比較不自由,會受到平臺的各種限制和噁心的廣告。

而自己購買域名和伺服器,搭建部落格的成本實在是太高了,不光是說這些購買成本,單單是花力氣去自己搭這麼一個網站,還要定期的維護它,對於我們大多數人來說,實在是沒有這樣的精力和時間。

那麼就有第三種選擇,直接在github page平臺上託管我們的部落格。這樣就可以安心的來寫作,又不需要定期維護,而且hexo作為一個快速簡潔的部落格框架,用它來搭建部落格真的非常容易。

Hexo簡介

Hexo是一款基於Node.js的靜態部落格框架,依賴少易於安裝使用,可以方便的生成靜態網頁託管在GitHub和Coding上,是搭建部落格的首選框架。大家可以進入hexo官網進行詳細檢視,因為Hexo的建立者是臺灣人,對中文的支援很友好,可以選擇中文進行檢視。

本教程分為三個部分,

第一部分:hexo的初級搭建還有部署到github page上,以及個人域名的繫結。
第二部分:hexo的基本配置,更換主題,實現多終端工作,以及在coding page部署實現國內外分流
第三部分:hexo新增各種功能,包括搜尋的SEO,閱讀量統計,訪問量統計和評論系統等。

第一部分

hexo的初級搭建還有部署到github page上,以及個人域名的繫結。

Hexo搭建步驟

安裝Git
安裝Node.js
安裝Hexo
GitHub建立個人倉庫
生成SSH新增到GitHub
將hexo部署到GitHub
設定個人域名
釋出文章

1. 安裝Git

Git是目前世界上最先進的分散式版本控制系統,可以有效、高速的處理從很小到非常大的專案版本管理。也就是用來管理你的hexo部落格文章,上傳到GitHub的工具。Git非常強大,我覺得建議每個人都去了解一下。廖雪峰老師的Git教程寫的非常好,大家可以瞭解一下。Git教程

windows:到git官網上下載,Download git,下載後會有一個Git Bash的命令列工具,以後就用這個工具來使用git。

linux:對linux來說實在是太簡單了,因為最早的git就是在linux上編寫的,只需要一行程式碼

1.sudo apt-get install git

安裝好後,用git --version 來檢視一下版本

2. 安裝nodejs

Hexo是基於nodeJS編寫的,所以需要安裝一下nodeJs和裡面的npm工具。

windows:nodejs選擇LTS版本就行了。

linux:

1.sudo apt-get install nodejs
2.sudo apt-get install npm

安裝完後,開啟命令列

1.node -v
2.npm -v

檢查一下有沒有安裝成功

順便說一下,windows在git安裝完後,就可以直接使用git bash來敲命令行了,不用自帶的cmd,cmd有點難用。

3. 安裝hexo

前面git和nodejs安裝好後,就可以安裝hexo了,你可以先建立一個資料夾blog,然後cd到這個資料夾下(或者在這個資料夾下直接右鍵git bash開啟)。

輸入命令

1.npm install -g hexo-cli

依舊用hexo -v檢視一下版本

至此就全部安裝完了。

接下來初始化一下hexo

1.hexo init blog

這個blog可以自己取什麼名字都行,然後

1.cd blog //進入這個blog資料夾
2.npm install

新建完成後,指定資料夾目錄下有:

node_modules: 依賴包
public:存放生成的頁面
scaffolds:生成文章的一些模板
source:用來存放你的文章
themes:主題
_config.yml: 部落格的配置檔案

接著:

1.hexo g
2.hexo server

開啟hexo的服務,在瀏覽器輸入localhost:4000就可以看到你生成的部落格了。

大概長這樣:

使用ctrl+c可以把服務關掉。

4. GitHub建立個人倉庫

首先,你先要有一個GitHub賬戶,去註冊一個吧。

註冊完登入後,在GitHub.com中看到一個New repository,新建倉庫

建立一個和你使用者名稱相同的倉庫,後面加.github.io,只有這樣,將來要部署到GitHub page的時候,才會被識別,也就是xxxx.github.io,其中xxx就是你註冊GitHub的使用者名稱。我這裡是已經建過了。

點選create repository。

5. 生成SSH新增到GitHub

回到你的git bash中,

1.git config --global user.name "yourname"
2.git config --global user.email "youremail"

這裡的yourname輸入你的GitHub使用者名稱,
youremail輸入你GitHub的郵箱。

這樣GitHub才能知道你是不是對應它的賬戶。

接著:
可以用以下兩條,檢查一下你有沒有輸對

1.git config user.name
2.git config user.email

然後建立SSH,中間可能需要y/n,確定y就是了(yes的意思),然後基本一路回車,

1.ssh-keygen -t rsa -C "youremail"

這個時候它會告訴你已經生成了.ssh的資料夾。在你的電腦中找到這個資料夾。

ssh,簡單來講,就是一個祕鑰,其中,id_rsa是你這臺電腦的私人祕鑰,不能給別人看的,id_rsa.pub是公共祕鑰,可以隨便給別人看。把這個公鑰放在GitHub上,這樣當你連結GitHub自己的賬戶時,它就會根據公鑰匹配你的私鑰,當能夠相互匹配時,才能夠順利的通過git上傳你的檔案到GitHub上。

而後在GitHub的setting中,找到SSH keys的設定選項,點選New SSH key
把你的id_rsa.pub裡面的資訊複製進去。

在gitbash中,檢視是否成功

1.ssh -T [email protected]

於是乎---------->

一般來說,出現上述這種介面就已經成功了,可以進行下一步了兄弟們。

6. 將hexo部署到GitHub

這一步,我們就可以將hexo和GitHub關聯起來,也就是將hexo生成的文章部署到GitHub上,開啟站點配置檔案 _config.yml,翻到最後,修改為

YourgithubName 就是你的GitHub賬戶

  1.deploy:
  2.type: git
  3.repo: https://github.com/YourgithubName/YourgithubName.github.io.git
  4.branch: master

這個時候需要先安裝deploy-git ,也就是部署的命令,這樣你才能用命令部署到GitHub。

1.npm install hexo-deployer-git --save

然後

1.hexo clean
2.hexo generate
3.hexo deploy

其中
hexo clean清除了你之前生成的東西,也可以不加。
hexo generate 顧名思義,生成靜態文章,可以用 hexo g縮寫
hexo deploy 部署文章,可以用hexo d縮寫

注意deploy時可能要你輸入username和password。

得到下圖就說明部署成功了,過一會兒就可以在http://yourname.github.io 這個網站看到你的部落格了!!

7. 設定個人域名

(這裡說明一下,僅供需要提升自己網站的B格的童鞋參考,其實xxx.github.io已經是你網站的免費域名 了)
現在你的個人網站的地址是 yourname.github.io,
如果覺得這個網址逼格不太夠,這就需要你設定個人域名了。但是需要花錢。

註冊一個阿里雲賬戶,在阿里雲上買一個域名,我買的是 ranmoc.top,各個字尾的價格不太一樣,比如最廣泛的.com就比較貴,看個人喜好咯。

你需要先去進行實名認證,然後在域名控制檯中,看到你購買的域名。

點解析進去,新增解析。

登入GitHub,進入之前建立的倉庫,
點選settings-->點選page
先把分支改好,預設是master,如果不是改成master,
再設定Custom domain,框輸入你的域名ranmoc.top,即可完成繫結,

這個時候,你url輸入你的域名,一直重新整理,1-2分鐘,有的時候幾秒鐘足以看運氣,
域名所繫結的網站你就可以看到了哦!

於是:
接下來你就可以正式開始寫文章了。

1.hexo new newpapername

然後在source/_post中開啟markdown檔案,就可以開始編輯了。當你寫完的時候,再

1.hexo clean
2.hexo g
3.hexo d

就可以看到你的部落格網站文章更新了。

時間有限,後面會詳細更新,
有很多細節和報錯問題都會分享給大家,
大家也可以在評論區一起在評論區討論討論,
今天就先更到這,欲知後事如何,請聽下回繼續分解。。。。。。

附:----------------------------------------------------------------------------------------------------------------------------------
鄙人才疏學淺,也是剛接觸,踩著大佬前輩所經過的路上,
各種借鑑學習,不喜輕噴,謝謝,小生這廂有禮了。