天天看點

Hexo部落格部署到碼雲和Coding部署到Coding平台部署到碼雲

今天閑來無聊,嘗試了Hexo部落格部署到碼雲和嶄新的Coding平台,我之前試過将部落格部署到Coding上,成功了,但Coding平台進行大更新,雖說我的部落格位址之前還能用,但有點亂,就将之前的倉庫全部删除,重新部署下。就寫下這篇教程,希望能夠幫到那些搭建部落格的小夥伴們,如果教程有錯,希望大家能夠指出來,我會及時修改的,謝謝大家的支援!

部署到Coding平台

  1. 首先去 官網 進行注冊,也可以用第三方微信進行注冊。
Hexo部落格部署到碼雲和Coding部署到Coding平台部署到碼雲
  1. 注冊完成之後就會進入首頁面,然後建立新項目,如下圖所示:
Hexo部落格部署到碼雲和Coding部署到Coding平台部署到碼雲
  • 代碼托管項目:用于托管代碼倉庫,支援多個倉庫,并可選擇開啟 CI/CD 和制品庫功能
  • 項目管理項目:支援 Scrum 靈活管理和傳統任務管理項目,包含需求、任務和缺陷
  • DevOps項目:包含項目管理、代碼托管、CI/CD 和制品庫等功能,提供完整的研發流程

在這裡我們選擇第三個,DevOps項目,這個含有建構與部署功能。

選擇第三個DevOps項目後,會出現下面的頁面:

Hexo部落格部署到碼雲和Coding部署到Coding平台部署到碼雲
項目名稱:與你的使用者名相同,使用者名就是你的團隊名
Hexo部落格部署到碼雲和Coding部署到Coding平台部署到碼雲

團隊域名可以修改一次,會顯示一個修改筆的圖示,因為我修改過了,是以就沒顯示。

  1. 添加部署公鑰

在個人設定裡面,點選SSH公鑰,點選新增公鑰。

Hexo部落格部署到碼雲和Coding部署到Coding平台部署到碼雲
Hexo部落格部署到碼雲和Coding部署到Coding平台部署到碼雲
  • 公鑰名稱:自定義
  • 公鑰内容:可以使用之前連接配接GitHub的公鑰,在本地的

    C:\Users\你的電腦賬戶名\.ssh

    ,我的為

    C:\Users\Administrator\.ssh

    ,用文本編輯器打開

    id_rsa.pub

    ,将裡面的内容複制粘貼到此處即可。
  • 公鑰有效期:選擇永久有效

點選添加,然後回彈出一個密碼框,輸入你的使用者密碼驗證一下即可,然後打開cmd控制台輸入

ssh -T [email protected]

,第一次建立連接配接會要求信任主機,輸入相關的使用者名或者密碼,在控制台輸入驗證,驗證成功即可。

然後複制你的項目位址,粘貼到配置檔案,如圖所示:

Hexo部落格部署到碼雲和Coding部署到Coding平台部署到碼雲
Hexo部落格部署到碼雲和Coding部署到Coding平台部署到碼雲

然後再執行

hexo clean && hexo g -d

部署到coding,緊接着,打開你的coding項目管理頁,進行靜态網站建構,頁面如下,按圖中步驟操作即可:

Hexo部落格部署到碼雲和Coding部署到Coding平台部署到碼雲
Hexo部落格部署到碼雲和Coding部署到Coding平台部署到碼雲
Hexo部落格部署到碼雲和Coding部署到Coding平台部署到碼雲

點選儲存,就會進入下一個頁面:

Hexo部落格部署到碼雲和Coding部署到Coding平台部署到碼雲

點選立即部署,當出現如下的頁面效果,就說明部署成功。

Hexo部落格部署到碼雲和Coding部署到Coding平台部署到碼雲
Hexo部落格部署到碼雲和Coding部署到Coding平台部署到碼雲

點選圖中的通路位址就可以檢視效果了。

  1. 綁定域名

在綁定域名之前首先需要将通路位址添加到DNS域名解析之中。

Hexo部落格部署到碼雲和Coding部署到Coding平台部署到碼雲

我的添加記錄為:

Hexo部落格部署到碼雲和Coding部署到Coding平台部署到碼雲

線路類型我選擇的是境内,也就是說,當境内有人通路時,會通過國内的Coding平台。

然後點選上一張圖所顯示的設定按鈕,進入靜态網站設定頁面:

Hexo部落格部署到碼雲和Coding部署到Coding平台部署到碼雲

在綁定新域名下的輸入框,輸入你的域名,然後點選綁定即可。

Hexo部落格部署到碼雲和Coding部署到Coding平台部署到碼雲

部署到碼雲

  1. 同樣,先去 碼雲官網 進行注冊,注冊完成後,會跳轉到如下的頁面:
Hexo部落格部署到碼雲和Coding部署到Coding平台部署到碼雲
  1. 開始建立倉庫,如上一張圖的操作步驟,會出現如下效果:
Hexo部落格部署到碼雲和Coding部署到Coding平台部署到碼雲
Hexo部落格部署到碼雲和Coding部署到Coding平台部署到碼雲
注意:倉庫名稱必須要和使用者名一樣,否則最後部署出來會出現無樣式的效果或者其他不正常的顯示。
  1. 添加公鑰

點選管理—>部署公鑰管理—>新增部署公鑰,添加公鑰的内容也是之前部署到GitHub上添加的公鑰

Hexo部落格部署到碼雲和Coding部署到Coding平台部署到碼雲
Hexo部落格部署到碼雲和Coding部署到Coding平台部署到碼雲

将項目位址複制粘貼到配置檔案上,如下圖所示:

Hexo部落格部署到碼雲和Coding部署到Coding平台部署到碼雲
Hexo部落格部署到碼雲和Coding部署到Coding平台部署到碼雲

然後執行

hexo clean && hexo g -d

,部署成功後,點選服務—>Gitee Pages,進入下面的頁面:

Hexo部落格部署到碼雲和Coding部署到Coding平台部署到碼雲
Hexo部落格部署到碼雲和Coding部署到Coding平台部署到碼雲

第一次設定Gitee Pages的效果不是我圖中所顯示的,最後的設定效果就是這樣的,當顯示圖中紅色文字已開啟Gitee PAges服務,網站位址為:

https://yafine66.gitee.io

即部署成功,點選網址,檢視效果。

國内Coding,國外Github

在DNS域名解析中設定線路類型即可:

我的為:

Hexo部落格部署到碼雲和Coding部署到Coding平台部署到碼雲

繼續閱讀