這是一個基於Hexo的個人博客的教程,包含了從博客搭建到主題優化,最後部署到雲端的全過程。
更多文章歡迎訪問我的個人博客–>幻境雲圖
本章主要記錄了將自己的博客,從購買自定義域名到,部署到Github,Coding同時收錄到百度,Google的具體方法和過程。
各種教程網上一搜都是一大把,不過由於時間原因,很多地方都不能用了。所以把自己部署的過程記錄了下來,希望能對大家有幫助。
具體時間:2018-12-30
1.購買個性域名
估計大家折騰了這麼久也就是爲 了擁有一個自己的個性站點,所以強烈建議大家爲自己的博客站點配置一個獨一無二的個性域名.我這裏選擇阿里旗下的萬網。我的域名是www.lixueduan.com
大家可以選擇一個自己喜歡的域名。等部署完畢就可以通過域名訪問自己的博客了。
問題:
-
GithubPages/CodingPages
-
關於爲什麼要部署兩次
雖然可以根據自定義域名來訪問自己的博客了,但是百度谷歌上都搜索不到,那豈不是很難受
╮(╯▽╰)╭
。所以接下來爲了讓自己的博客能夠被搜索出來,就需要讓百度谷歌收錄我們的網站。在部署收錄過程中發現,
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.com
和xxx.com
綁定自定義域名的時候需要在買域名的地方(我這裏是阿里的萬網)配置DNS解析
添加兩條CNAME解析
主機記錄
一個@,一個www//@就是無前綴,xxx.com, www就是www.xxx.com
解析路線
默認就行
記錄值
lillusory.coding.me //這裏改成自己的
然後可以開啓Https訪問。
到這裏就可以通過個性域名訪問啦。不過現在博客代碼還沒有push
到項目裏。
1.4 Push代碼到Coding
配置SSH key
首先需要配置一個SSHkey
,Git
有Http
協議和Git
協議兩種。我們這裏使用Git
協議就需要配置一個SSH key
,等會部署到Github
上也需要配置這個。
具體配置方法如下:
修改站點配置文件
這裏只配置了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賬號
4.2 創建新倉庫
也是名字必須和用戶名一樣,必須按照這個格式username.github.io
,例如lillusorycloud.github.io
創建好倉庫後找到Setings
往下拉,找到Github Pages
設置Custom domain
填下自定義域名,如www.lixueduan.com
.如果有Enforce HTTPS
選項也可以勾上。
4.3 Push代碼到Github
配置SSH key
首先需要配置一個SSHkey
,Git
有Http
協議和Git
協議兩種。我們這裏使用Git
協議就需要配置一個SSH key
,等會部署到Github
上也需要配置這個。
具體配置方法:
修改站點配置文件
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站點平臺
然後添加資源,注意http
和https
5.2 驗證所有權
然後驗證所有權,選擇DNS供應商
供應商選擇其他,然後選擇添加CNAME記錄,在域名解析中添加一條記錄。也是添加後不要刪除。
5.3 站點地圖
驗證後就可以添加站點地圖了
提交成功後,我們的站點就已經被Google收錄了.大概一天就能收錄成功,比百度塊一些。
6. 總結
本文主要講了怎麼將博客部署到Coding
和Github
和怎麼讓百度
,Google
收錄我們的網站。