Hexo博客部署到遠程倉庫(Conding、Gitee、Github)


一、本地環境搭建

1、安裝Git

Git可以有效、高速的處理各種項目版本管理。也就是用來管理你的hexo博客文章,上傳到GitHub的工具。

Git下載地址

安裝好了之后使用git -version查看版本

2、安裝Node.js

Hexo基Node.js,需要安裝一下Node.js和里面的npm工具

Node.js下載地址

安裝好了之后win+R,輸入cmd 在終端輸入node -v npm-v查看是否安裝成功

3、安裝Hexo

Hexo是一款基於Node.js的靜態博客框架Hexo官網

先創建Blog文件夾隨便位置,在文件夾里面右鍵git bash

安裝淘寶鏡像源cnpm提高速度

npm install -g cnpm --registry=https://registry.npm.taobao.org

輸入cnpm -v驗證是否安裝

然后輸入 cnpm install -g hexo-cli 安裝Hexo

輸入 hexo -v 驗證是否安裝成功

初始化hexo init,安裝所需組件cnpm install

輸入hexo g生成靜態網頁,然后輸入hexo s打開本地服務器

瀏覽器進入【http://localhost:4000/】 就可以看剛剛初始化的博客

ctrl+c關閉本地服務器

常用的命令:

hexo clean     #用來清理緩存文件
hexo generate  #生成文件
hexo server    #運行本地服務器
hexo deploy    #上傳到服務器

Blog目錄下有:

  • node_modules: 依賴包
  • public:存放生成的頁面
  • scaffolds:模版文件。當創建一篇新的文章時,hexo會依據模版文件進行創建
  • source:用來存放你的文章,圖片等資源
  • themes:主題文件夾
  • _config.yml 站點配置文件。很多全局配置都在這個文件中
  • package.json 應用數據,版本信息等

二、博客部署到Conding

先介紹國內的服務器部署,部署到Coding的好處:國內訪問速度更快,可以提交百度收錄

1、Conding

Conding官網

Coding已經和騰訊雲合作,沒有賬號就注冊一個,現在應該是要創建團隊項目,沒關系反正不要錢

點擊創建項目,輸入相關參數,沒有強制要求

完成項目創建后,點擊項目設置,把持續部署打開(新版默認關閉了)找了我好久

2、添加公鑰

在本地Blog文件內打開git bash輸入:

ssh-keygen -t rsa -C "你的郵箱"

然后連續3次回車,最終會生成一個文件在用戶目錄下,打開C盤用戶目錄,找到id_rsa.pub文件,記事本打開並復制里面的內容

進入你個人設置,個人賬戶設置-SHH公鑰-新增公鑰,公鑰名稱可以隨便寫,將剛才復制的公鑰粘貼在公鑰內容里面。把授予權限打上勾,然后添加就可以了

3、配置連接地址

到自己創建的倉庫,復制克隆SHH連接

打開,Blog文件夾下面的站點配置文件,_config.yml
用文本編輯器打開,找到里面的deploy

deploy:
  type: git
  repo:
   coding: git@e.coding.net:guixinchn/blog.coding.me/blog.git
  branch: master

把coding換成剛剛復制下來的SSH鏈接地址

4、將Hexo部署到Conding

然后打開bash,安裝deploy-git,這樣才能用命令部署到遠程的git倉庫

cnpm install hexo-deployer-git --save

在git bash上測試是否連接成功:

ssh -T git@git.coding.net

最后就是

hexo clean
hexo g
hexo s #在本地測試通過了在上傳
hexo d #上傳到git倉庫

刷新倉庫就會看到里面增加了一些內容,打開持續部署-靜態網站-新建靜態網站

網站名字隨便取(並不是網站的title)點擊保存即可

然后就會生成一個靜態的訪問地址

這個地址就是你的博客地址了,當人也可以自定義域名

5、Conding靜態網站

Conding靜態網站用以搭建個人博客,公司官網等簡易網站。 支持自定義域名,全自動續期的 SSL 證書等特性。 如果多人訪問的話,就太慢了

三、博客部署到gitee【推薦】

1、碼雲

Conding訪問的速度太慢了,幾個人同時訪問你的網站的時候就掛了,主要是他的服務器在香港,於是我更推薦國內的碼雲平台:碼雲官網

沒有賬戶的話,就先注冊一個,然后創建倉庫,倉庫的名稱隨便寫,倉庫的路徑要和用戶名(個人空間地址)一致

2、添加SSH公鑰

由於上面已經寫了如何配置本地公鑰,在C盤用戶目錄,找到id_rsa.pub文件,記事本打開已經生成的公鑰,復制里面的內容

然后打開gitee個人設置里面的安全設置SSH公鑰,標題隨便取,粘貼剛剛復制好的密鑰內容,點擊確認即可

3、配置連接地址

打開剛建立好的博客倉庫,點擊克隆/下載,復制里面的SHH鏈接

然后進入Blog目錄,打開博客配置文件_config.yml

用文本編輯器打開,找到里面的deploy

把剛剛復制的SSH鏈接粘貼在對應的位置記得注釋掉其他倉庫的鏈接

deploy:
  type: git
  repo:
   #coding: git@e.coding.net:guixinchn/blog/blog.git
   gitee: git@gitee.com:guixinchn/guixinchn.git
  branch: master

然后就是

hexo clean
hexo g 
hexo d

4、Gitee Pages

這時你看自己的Bolg倉庫已經有很多的文件了,點擊上方服務,gitee Pages,開啟網站服務

直接點擊生成即可,就會顯示已開啟 Gitee Pages 服務,網站地址: xxxxxx

至此,一個用戶名.gitee.io的博客網站部署完成

四、博客部署到Github

由於國內訪問這個網站比較慢,除非你有特殊手段,不過github的資源是真的豐富

1、github創建個人倉庫

  1. 首先注冊一個github賬號GitHub掛網
  2. 我的主頁 https://github.com/guixinchn ,那么我的用戶名為“guixinchn”
  3. 新建一個名為 用戶名.github.io 的倉庫,不然會有一些問題,比如將來博客的網站就會是 https://github.com/guixinchn/倉庫名 ,而且博客的圖片顯示有問題(親測),所以建議還是用我上面那個方式命名,除非你買個域名
  4. 將來網站訪問地址就是 http://guixinchn.github.io

2、添加SSH 公鑰

ssh,簡單來講就是一個秘鑰,其中id_rsa是你這台電腦的私人秘鑰,id_rsa.pub是公共秘鑰,把這個公鑰放在GitHub上,這樣當你鏈接GitHub自己的賬戶時,它就會根據公鑰匹配你的私鑰,如果用SSH連接就不用輸入密碼,如果用https連接,則還是需要輸入密碼進行推送

在Blog文件夾,右鍵git bash

設置user.name和user.email配置信息

git config --global user.name "你的GitHub用戶名"
git config --global user.email "你的GitHub注冊郵箱"

生成ssh密鑰文件:

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

按步驟,最終會生成一個文件在用戶目錄下,打開C盤用戶目錄,找到id_rsa.pub文件,記事本打開並復制里面的內容

進入github主頁,點擊setting,右邊的SSH and GPG keys,然后點擊New SSH key

title隨便寫,內容就是粘貼剛剛復制的key,保存

在 git bash 輸入 ssh -T git@github.com 檢驗是否搭建完成

3、將Hexo部署到GitHub

先復制GitHub倉庫的SSH鏈接地址

打開,Blog文件夾下面的站點配置文件,_config.yml
用文本編輯器打開,找到里面的deploy

deploy:
  type: git
  repo:
   github: git@github.com:guixinchn/Blog.git
   #coding: git@e.coding.net:guixinchn/blog/blog.git
   #gitee: git@gitee.com:guixinchn/guixinchn.git
  branch: master

把github換成剛剛復制下來的SSH鏈接地址

上面已經安裝過了的deploy-git,也就是部署的命令,這樣你才能用命令部署到GitHub

cnpm install hexo-deployer-git --save

然后又是那三部曲

hexo clean    //清除了你之前生成的東西

hexo generate  //生成靜態文章,可以用 hexo g 縮寫 

hexo deploy   //部署文章,可以用 hexo d 縮寫 

然后就可以訪問你的博客啦https://guixinchn.github.io/

4、自定義域名

域名需要自行先去購買

打開你本地博客Blog文件夾下面的soruce目錄,新建 CNAME 文件,注意沒有后綴

然后在里面寫上你的域名,保存。最后運行 hexo ghexo d 上傳到github

這時候你的Github項目根目錄應該會出現一個名為 CNAM 的文件了。然后打開你的github博客項目,點setting,拉到下GitHub Pages處,你也會發現自己的域名

然后就可以用你自己的域名進行登錄博客啦

對了自己購買的域名需要設置解析


免責聲明!

本站轉載的文章為個人學習借鑒使用,本站對版權不負任何法律責任。如果侵犯了您的隱私權益,請聯系本站郵箱yoyou2525@163.com刪除。



 
粵ICP備18138465號   © 2018-2025 CODEPRJ.COM