基於Hexo搭建個人博客(三)---部署篇

這是一個基於Hexo的個人博客的教程,包含了從博客搭建到主題優化,最後部署到雲端的全過程。
更多文章歡迎訪問我的個人博客–>幻境雲圖

本章主要記錄了將自己的博客,從購買自定義域名到,部署到Github,Coding同時收錄到百度,Google的具體方法和過程。

各種教程網上一搜都是一大把,不過由於時間原因,很多地方都不能用了。所以把自己部署的過程記錄了下來,希望能對大家有幫助。

具體時間:2018-12-30

1.購買個性域名

估計大家折騰了這麼久也就是爲 了擁有一個自己的個性站點,所以強烈建議大家爲自己的博客站點配置一個獨一無二的個性域名.我這裏選擇阿里旗下的萬網。我的域名是www.lixueduan.com

大家可以選擇一個自己喜歡的域名。等部署完畢就可以通過域名訪問自己的博客了。

問題:

  • GithubPages/CodingPages

    • Github Pages是Github免費提供給開發者的一款託管個人網站的產品。
    • Coding Pages也是Coding免費提供給開發者的一款託管個人網站的產品。
  • 關於爲什麼要部署兩次

    雖然可以根據自定義域名來訪問自己的博客了,但是百度谷歌上都搜索不到,那豈不是很難受╮(╯▽╰)╭

    所以接下來爲了讓自己的博客能夠被搜索出來,就需要讓百度谷歌收錄我們的網站。在部署收錄過程中發現,Github屏蔽了百度的爬蟲,所以搭建上GithubPages的話無法提交至百度,只有Google可以收錄。

    所以爲了讓百度收錄我們網站,就得在Coding上也搭建一個。

    同時在搭建的過程中發現如果先搭建在Github上,然後再搭建Coding時會出現DNS解析衝突。所以需要:先搭建Coding上的,再搭建Github上的,國外的訪問則走Github,國內的訪問會走Coding,完美

2.部署到CodingPages

1.1 註冊coding賬戶

點擊這裏註冊Coding](https://coding.net/)

1.2 創建新項目

  • 註冊好後創建一個項目用來部署個人博客,項目路徑和項目名稱最好和用戶名一致

1.3 開啓CodingPages

點擊Pages服務,然後一鍵開啓。

部署master分支

自定義域名 可以填兩個 www.xxx.comxxx.com

綁定自定義域名的時候需要在買域名的地方(我這裏是阿里的萬網)配置DNS解析

添加兩條CNAME解析
主機記錄
	一個@,一個www//@就是無前綴,xxx.com, www就是www.xxx.com
解析路線
	默認就行
記錄值
	lillusory.coding.me //這裏改成自己的

然後可以開啓Https訪問。

到這裏就可以通過個性域名訪問啦。不過現在博客代碼還沒有push到項目裏。

1.4 Push代碼到Coding

配置SSH key

首先需要配置一個SSHkeyGitHttp協議和Git協議兩種。我們這裏使用Git協議就需要配置一個SSH key,等會部署到Github上也需要配置這個。

具體配置方法如下:

Git 配置及SSH key

修改站點配置文件

這裏只配置了Coding,可以先把Github的註釋掉

# Deployment 部署到雲端相關配置
## Docs: https://hexo.io/docs/deployment.html
deploy:
  type: git
  repository: 
   github: git@github.com:lillusory/lillusory.github.io.git
   coding: git@git.coding.net:lillusory/lillusory.git
  branch: master

地址在這裏:

配置好後,運行hexo g時就可以把博客部署到Coding上了,也可以通過個性域名訪問了。

3.收錄到百度

3.1網站添加

直接百度搜索你的域名,比如我的www.lixueduan.com ,如果沒有收錄就會提示暫未收錄,點擊提交網址

點擊這個鏈接進入百度站長平臺,登錄成功後選擇`用戶中心–>站點管理–>添加網站

輸入自己的網站,如www.lixueduan.com 協議頭如果開啓了https就選https

3.2 網站驗證

然後會驗證這個網站是不是你的,選CNAME驗證

然後去域名哪裏添加一條解析即可。

記錄類型–>CNAME

主機記錄—>前面那一串l3rUDBLOMX

記錄值–>後面那個ziyuan.baidu.com

其他的都按默認的就行了,添加後別刪除,需要一直留着。

3.3 站點地圖

接下來我們需要生成網站地圖sitemap,使用sitemap方式向百度提交我們的網址

站點地圖是一種文件,您可以通過該文件列出您網站上的網頁,從而將您網站內容的組織架構告知Google和其他搜索引擎。搜索引擎網頁抓取工具會讀取此文件,以便更加智能地抓取您的網站。

  • 先安裝一下,打開你的hexo博客根目錄,分別用下面兩個命令來安裝針對谷歌和百度的插件
npm install hexo-generator-sitemap --save  #sitemap.xml適合提交給谷歌搜素引擎
npm install hexo-generator-baidu-sitemap --save  #baidusitemap.xml適合提交百度搜索引擎
  • 站點配置文件中添加如下代碼
Plugins:
- hexo-generator-baidu-sitemap
- hexo-generator-sitemap

baidusitemap:
    path: baidusitemap.xml
sitemap:
    path: sitemap.xml

在你的博客根目錄的public下面發現生成了sitemap.xml以及baidusitemap.xml就表示成功了.

然後將博客重新部署後就可以直接訪問站點地圖了。如https://www.lixueduan.com/baidusitemap.xml

然後將這個站點地圖提交到百度

站點管理-->站點屬性-->鏈接提交-->自動提交-->sitemap

完成後就算是提交成功了,百度比較慢,要好幾天才能收錄。

4.部署到GitHub

步驟和Coding差不多的。

4.1 註冊Github賬號

點這裏註冊Github賬號

4.2 創建新倉庫

也是名字必須和用戶名一樣,必須按照這個格式username.github.io,例如lillusorycloud.github.io

創建好倉庫後找到Setings 往下拉,找到Github Pages 設置Custom domain填下自定義域名,如www.lixueduan.com.如果有Enforce HTTPS選項也可以勾上。

4.3 Push代碼到Github

配置SSH key

首先需要配置一個SSHkeyGitHttp協議和Git協議兩種。我們這裏使用Git協議就需要配置一個SSH key,等會部署到Github上也需要配置這個。

具體配置方法:

Git 配置及SSH key

修改站點配置文件

repository中添加一個github

# Deployment 部署到雲端相關配置
## Docs: https://hexo.io/docs/deployment.html
deploy:
  type: git
  repository: 
    github: git@github.com:illusorycloud/illusorycloud.github.io.git
    coding: git@git.coding.net:illusorycloud/illusorycloud.git
  branch: master

配置好後,運行hexo g時就可以把博客同時部署到Coding和Github上了,也可以通過個性域名訪問了。

5. 收錄到Google

和百度差不多。

5.1網站添加

首先進入Google站點平臺

然後添加資源,注意httphttps

5.2 驗證所有權

然後驗證所有權,選擇DNS供應商

供應商選擇其他,然後選擇添加CNAME記錄,在域名解析中添加一條記錄。也是添加後不要刪除。

5.3 站點地圖

驗證後就可以添加站點地圖了

提交成功後,我們的站點就已經被Google收錄了.大概一天就能收錄成功,比百度塊一些。

6. 總結

本文主要講了怎麼將博客部署到CodingGithub和怎麼讓百度,Google收錄我們的網站。

參考

Hexo官方文檔

基於Hexo的個人博客

Hex博客搭建

發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章