1. 程式人生 > >關於Hexo6.0搭建個人部落格(coding+百度-收錄篇)

關於Hexo6.0搭建個人部落格(coding+百度-收錄篇)

本文原創首發於慕課網,歡迎轉載,註明出處即可.

本篇博文將繼續帶大家優化部落格站點,打造上線站點,設定個性域名等

閱讀本文前建議先行閱讀本人另外三篇遍基礎博文

本篇博文將手把手教大家打造線上個人站點,設定個性域名,以及託管專案到githubcoding上,同時讓Google百度兩大搜索引擎收錄你的站點,提升站點的自然流量.

1. 購買個性域名

估計大家折騰了這麼久也就是為 了擁有一個自己的個性站點,所以強烈建議大家為自己的部落格站點配置一個獨一無二的個性域名.我這裡選擇阿里旗下的萬網;
域名種類如下:
site.png

有大家常見的.com、.cn、net等等,不過這些都比較貴,當然你不缺錢的話.com這些常見的自然是最好的選擇了.像我們這種窮苦人家就只能用用便宜的啦( ๑ŏ ﹏ ŏ๑ )傷心.

好了,接下來教大家購買註冊域名,我這裡選用.site字尾,這是代表站點/網站類的域名最好的選擇了,關鍵是便宜啦.

1.去萬網註冊賬號
2.購買你想要的域名

query.png
輸入你想要的個性域名,如果沒有被註冊的話,就可以直接購買了.
好了,這樣我們就有自己的個性域名了,下面教大家怎麼配置.

2.將專案託管到coding並被百度收錄

首先教大家佈局好百度收錄及coding託管,畢竟國內用百度搜索的人數還是佔大多數,而且百度爬不了github,這是最衰的一件事了.

1.註冊coding賬戶
2.建立新專案

crate.png
這裡建立專案的時候,網上很多教程說是要專案名稱和賬戶名稱相同,這個只是方便使用ccoding提供的地址訪問,我們這裡既然要配置自己的域名,就不用一樣了,而且一樣看起來很彆扭,可以和我一樣字尾加上個.blog.

3.新增SSH公鑰

生成ssh:

Linux 與 Mac 都是預設安裝了 SSH ,而 Windows 系統安裝了 Git Bash 應該也是帶了 SSH的。大家可以在終端(win下在 Git Bash 裡)輸入 ssh 如果出現以下提示證明你本機已經安
裝 SSH, 否則請搜尋自行安裝下
ssh1.png

新增ssh:

pages2.png

pages3.png
這個.ssh檔案一般是在系統C盤下的使用者下,裡面的檔案全部是隱藏檔案設定顯示就可以看到了.
ssh.png
將檔案裡面的公鑰複製到上面,新增就可以了.

4.開啟pages服務

pages1.png

選擇master分支,儲存
set.png
這裡新增你剛才購買好的域名,繫結即可.

配置域名

進入萬網控制檯的雲解析DNS設定中,配置域名解析.
先介紹兩個記錄型別:
1. A- 將域名指向一個IPV4地址
2. CNAME-將域名指向另外一個域名

set1.png
以上是我配置的所有繫結域名
新增解析:
add.png

確認啟用即可,到這裡我們就已經為coding上的專案配置好了個性域名了

5. 將專案託管到coding上

首先開啟部落格根目錄配置檔案_config.yml,新增以下內容:

deploy:
  type: git
  repository:
    github: [email protected].com:darryrzhong/darryrzhong.github.io.git
    coding: [email protected].coding.net:darryrzhong/darryrzhong.blog.git
  branch: master

這裡我同時將專案託管到了githubcoding上,所以我們暫時只需新增coding即可,不然待會會報錯,後面會教大家託管github;

最後一步:將專案push到coding上.
在Git Bash下輸入命令:

hexo g
hexo d

基本到這裡我們的專案就成功託管到coding上了.
success.png

然後輸入你域名或者coding預設提供的地址,就可以訪問我們的站點了.

6.SEO優化之百度收錄

推廣其實是一個挺煩的事,作為個人站點想要讓更多的人知道的話,我們就得讓別人能夠通過搜尋引擎搜尋到我們部落格內容,給我們帶來自然流量,所以我們必須要實現SEO優化,讓我們站點真正成為線上個人站點.

1.讓百度收錄你的站點

首先直接百度搜索你的域名,比如我隨意搜一個:
site1.png
這就說明這個站點沒有被百度收錄,之後我們選擇提交網址;
進入百度站長平臺登入成功後選擇使用者中心-站點管理-新增網站;
type.png
按照步驟要求進行即可,最後一步驗證網址所有權:
這裡有三種驗證方式,我們挑最簡單的CNAME來就行了.
cname.png

新增一條解析即可,如下:
cname1.png

就這麼簡單,驗證就完成了.
接下來我們需要生成網站地圖sitemap,使用sitemap方式向百度提交我們的網址.

Git Bash下安裝sitemap外掛

npm install hexo-generator-sitemap --save     
npm install hexo-generator-baidu-sitemap --save

修改站點配置檔案_config.yml中url內容如下:

 URL
## If your site is put in a subdirectory, set url as 'http://yoursite.com/child' and root as '/child/'
url: http://darryrzhong.site
root: /
permalink: :year/:month/:day/:title/
permalink_defaults:

可以看到站點根目錄下public檔案下
sitemap.png

會生成兩個檔案,
帶有baidu的是百度專用的,另外一個是通用的.
接下來我們將生成的sitemap檔案提交給百度,
站點管理-站點屬性- 連結提交-自動提交-sitemap
sitemap2.png
將域名換成你自己的就行了.

到這裡我們的站點就算是提交給了百度了,不過百度實在是不可恭維,速度太慢了,一般可能要一個星期左右才能被收錄到,所以剛提交完搜不到很正常,過幾天在試試應該就能搜尋到了.

如果被正常收錄了,效果如下:

blog.png

由於篇幅問題,Google收錄就放在下篇給大家講解了

歡迎關注作者darryrzhong,更多幹貨等你來拿喲.

請賞個小紅心!因為你的鼓勵是我寫作的最大動力!