hexo部落格同時釋出到github和gitee(2022.2/coding已棄用)

• hexo部落格同時釋出到github和gitee(2022.2/coding已棄用)
  • 背景
  • 本地環境
  • github賬戶
  • coding棄用原因（2022.02.22）
  • gitee賬戶
  • hexo建立部落格
    • 本地部落格站點
    • 釋出部落格到github和gitee
  • 更換hexo主題
    • hexo-theme-next
  • 百度收錄
  • 成果

背景

github pages可以被谷歌搜尋到，但無法被百度抓取，因為GitHub禁掉了百度爬蟲，是以在百度搜尋無法看到自己的部落格。

是以打算同時部署一個國内站點，供搜尋使用。

本地環境

• Node.js

  檢視版本

  node -v
  npm -v
             

• Git

  是開源的分布式版本控制系統，用于靈活高效地處理項目

  （1）本地git bash中設定user.name和user.email配置資訊

  git config --global user.name "GitHub使用者名"
  git config --global user.email "GitHub注冊郵箱"
             

  （2）生成ssh密鑰檔案

  ssh-keygen -t rsa -C "GitHub注冊郵箱"
             

  （3）mac系統密鑰位置

  密鑰之後填入github和gitee的指定位置

  cd ~/.ssh
  
  vim id_rsa.pub
             

github賬戶

• 注冊賬戶（自行解決）

• 建立倉庫

  建立一個和你使用者名相同的倉庫，後面加.github.io

  

• 添加 SSH 公鑰

  

• 部署GitHub page

  部署到GitHub page的時候，使用者名會被識别，也就是xx.github.io

  選擇Setting進入設定，找到Github Pages

  

  選擇一個主題：

  

  在浏覽器裡輸入部落格位址：

  

• 注意： 2020年，github的branch從master變為main，後面的hexo部署需要用到

  github在2020/10/1宣布上的所有新庫都将用中性詞「main」命名，取代原來的「master」

  

coding棄用原因（2022.02.22）

折騰了半天發現已經被棄用了！！！

coding已經不在提供 網站托管/靜态網站 服務，之前的網絡教程在（持續部署———網站托管）已經不存在，故國内選擇gitee部署部落格。

原文位址：https://help.coding.net/docs/pages/operating.html#access

gitee賬戶

• 注冊（自行解決）

• 建立倉庫

  倉庫的路徑要和使用者名（個人空間位址）一緻，這樣通路位址就不會生成二級域名了（即下圖xx）

  

• 關聯gitee pages

  第一次使用需要實名認證

  

• 實名認證

  不進行實名認證，無法使用gitee pages，人工稽核一個工作日左右，稽核完成後部署

  實名認證之後就可以啟用

  

• 添加 SSH 公鑰

  

• 通路

  不需要像github一樣選擇theme，但第一次通路是空白頁，會顯示通路錯誤，因為還沒有部署hexo。

  部署hexo之後，會和github顯示同樣的内容。

hexo建立部落格

Hexo是一款基于Node.js的靜态部落格架構，依賴少易于安裝使用，可以友善的生成靜态網頁托管在GitHub。

本地部落格站點

//全局安裝
npm install hexo-cli -g

//myHexoBlog是項目名
hexo init myHexoBlog 

//g是generetor的縮寫,生成部落格
hexo g  

//s是server的縮寫,啟動服務
hexo s 
           

本地部落格位址預設為： http://localhost:4000/

釋出部落格到github和gitee

• 修改站點的配置檔案 _config.yml（注意不是theme的配置檔案）

  github分支是main，而gitee分支是master

deploy:
    type: git
    repository: 
        github: [email protected]:xx/xx.github.io.git,main
        gitee: [email protected]:xx/xx.git,master
    # branch: main
           

• 安裝部署插件

npm install hexo-deployer-git —save 
           

• 部署釋出

//新部落格
hexo new "我個人部落格的第一篇部落格,哈哈哈..." 
//生成網頁 
hexo g 
//部署
hexo d 
           

//內建部署指令行
hexo clean && hexo g -d
           

通路部落格網站，可以看到已經釋出的博文

更換hexo主題

Hexo 提供了預設主題 landscape，主題的位置在 blog ->themes 檔案夾下。

主題選用網站： https://hexo.io/themes/

github位址：https://github.com/hexojs/hexo/wiki/Themes

hexo-theme-next

官網：http://theme-next.iissnan.com/

• 下載下傳：

  git clone https://github.com/iissnan/hexo-theme-next themes/next
             

• 啟用：打開站點配置檔案_config.yml

  theme: next
             

• 插件（單獨一期）

百度收錄

• 方法1

  為了讓百度收錄更快一些，百度提供了一個送出連結的入口：https://ziyuan.baidu.com/linksubmit/url

  

  這樣網站可以主動向百度搜尋推送資料，縮短爬蟲發現網站連結的時間

• 方法2

  進入到百度的站點管理：https://ziyuan.baidu.com/site/index#/

  

• 提醒：百度收錄需要一段時間

成果

通路：https://https://xx.gitee.io/ 或 https://xx.github.io/ ，就能看到自己的部落格啦。