使用GithubActions和騰訊CloudBase自動發布靜態網頁

騰訊 CloudBase 可以用于托管靜態網站,服務開通之后,使用 CloudBase CLI 可以將本地靜態網站上傳到 CloudBase,并生成相應的訪問域名。

配置 Workflow

創建 .github/workflows/deploy.yml 文件, 編輯內容如下:

name: Deploy to CloudBase Static Hostingon:workflow_dispatch:push:branches:- mainjobs:deploy:runs-on: ubuntu-lateststeps:- name: Set up Node.jsuses: actions/setup-node@v4with:node-version: '18' # 根據您的項目需求選擇Node.js版本- name: Install CloudBase CLIrun: npm install -g @cloudbase/cli- name: Deploy to CloudBase Static Hostingrun: |tcb login --apiKeyId ${{ secrets.TCB_SECRET_ID }} --apiKey ${{ secrets.TCB_SECRET_KEY }}tcb hosting deploy ./dist --envId ${{ secrets.TCB_ENV_ID }}

這里,我們首先配置好 node 環境,然后安裝 CloudBase CLI,通過 tcb login 命令登錄 CloudBase,然后使用 tcb hosting deploy 命令將靜態網站部署到 CloudBase。

可以看到,這里用到了幾個環境變量,如 TCB_SECRET_ID、TCB_SECRET_KEY、TCB_ENV_ID。 接下來,我們需要在項目設置中添加環境變量。

配置

  1. 點擊 Settings 按鈕,進入項目設置頁面。找到 Secrets and Variables 選項展開,點擊 Actions,在 Repository secrets 處點擊

New repository secret 按鈕,準備添加變量。

在這里插入圖片描述

  1. 添加變量,分別添加 TCB_SECRET_ID、TCB_SECRET_KEY、TCB_ENV_ID。

在這里插入圖片描述

TCB_SECRET_ID、TCB_SECRET_KEY,通過控制臺/訪問管理,找到訪問密鑰管理,添加。

TCB_ENV_ID 為服務創建好之后的環境 ID。

參考資料

  • CloudBase CLI文檔
  • 與Git平臺CI/CD集成

本文來自互聯網用戶投稿,該文觀點僅代表作者本人,不代表本站立場。本站僅提供信息存儲空間服務,不擁有所有權,不承擔相關法律責任。
如若轉載,請注明出處:http://www.pswp.cn/news/912413.shtml
繁體地址,請注明出處:http://hk.pswp.cn/news/912413.shtml
英文地址,請注明出處:http://en.pswp.cn/news/912413.shtml

如若內容造成侵權/違法違規/事實不符,請聯系多彩編程網進行投訴反饋email:809451989@qq.com,一經查實,立即刪除!

相關文章

《聊一聊ZXDoc》之汽車標定、臺架標定、三高標定

ZXDoc支持XCP/CCP標定功能,標定工作貫穿主機廠與Tier1廠商汽車ECU研發、生產、測試的整個流程,是保障ECU性能達標、功能穩定的關鍵。 什么是XCP/CCP標定? XCP/CCP標定是汽車電子領域用于ECU標定和測量的核心通信協議,由ASAM組織…

【目標檢測】評估指標詳解:Precision/Recall/F1-Score

🧑 博主簡介:曾任某智慧城市類企業算法總監,目前在美國市場的物流公司從事高級算法工程師一職,深耕人工智能領域,精通python數據挖掘、可視化、機器學習等,發表過AI相關的專利并多次在AI類比賽中獲獎。CSDN…

【unity游戲開發——網絡】網絡協議、TCP vs UDP 本質區別

注意:考慮到熱更新的內容比較多,我將熱更新的內容分開,并全部整合放在【unity游戲開發——網絡】專欄里,感興趣的小伙伴可以前往逐一查看學習。 文章目錄 一、網絡協議概述二、OSI七層模型三、TCP/IP四層模型四、核心傳輸協議對比…

Spark Streaming 與 Flink 實時數據處理方案對比與選型指南

Spark Streaming 與 Flink 實時數據處理方案對比與選型指南 實時數據處理在互聯網、電商、物流、金融等領域均有大量應用,面對海量流式數據,Spark Streaming 和 Flink 成為兩大主流開源引擎。本文基于生產環境需求,從整體架構、編程模型、容…

鴻蒙HarmonyOS 5小游戲實踐:記憶翻牌(附:源代碼)

記憶翻牌游戲是一款經典的益智游戲,它能有效鍛煉玩家的記憶力和觀察能力。本文將詳細介紹如何使用鴻蒙(HarmonyOS)的ArkUI框架開發一款完整的記憶翻牌游戲,涵蓋游戲設計、核心邏輯實現和界面構建的全過程。 游戲設計概述 記憶翻牌…

【Linux庖丁解牛】— 文件系統!

1 引?"塊"概念 其實硬盤是典型的“塊”設備,操作系統讀取硬盤數據的時候,其實是不會?個個扇區地讀取,這樣 效率太低,?是?次性連續讀取多個扇區,即?次性讀取?個”塊”(block)。…

如何通過自動化減少重復性工作

通過自動化減少重復性工作的關鍵策略包括:1、識別可被規則化操作的任務、2、引入RPA(機器人流程自動化)工具、3、整合AI與業務流程系統、4、部署腳本與低代碼平臺、5、持續優化自動化場景與效率。 其中,“引入RPA工具”被廣泛認為…

知識變現全鏈路設計:從IP打造到商業閉環的系統方法論|創客匠人

一、變現低效根源:碎片化努力為何換不來持續增長? 創客匠人服務上千位知識創業者后發現,變現乏力多因缺乏系統設計:某營銷專家的課程因定位模糊、表達生硬、渠道單一,低價仍少有人問。文檔中提出的“六大超級設計公式…

如何利用人工智能大模型提升流量質量

摘要 流量質量是衡量數字化營銷效果的重要指標之一,它反映了用戶對網站或應用的興趣和滿意度。流量質量的常用評估方法有點擊率、跳出率和用戶停留時間等。本文將介紹如何利用人工智能大模型來分析和優化這些指標,提高流量質量,從而提升數字…

從單體架構到微服務:微服務架構演進與實踐

一、單體架構的困境與演進 (一)單體應用的初始優勢與演進路徑 在系統發展的初期,單體架構憑借其簡單性和開發效率成為首選。單體應用將整個系統的所有功能模塊整合在一個項目中,以單一進程的方式運行,特別適合小型系…

Elasticsearch 自定義排序:使用 Painless 腳本實現復雜排序邏輯

需求背景: 從es查詢數據出來的時候,要求type為CATALOG的數據排在最前面,也就是目錄類型的要放在最前面,而且要求按照層級排序,從L1到L5順序排序 直接上解法: {//查詢條件"query": {"bool…

華為云Flexus+DeepSeek征文|華為云數字人 + DeepSeek:智能交互的革命性突破

目錄 前言 關于華為云數字人和云服務 1、華為云數字人 (1)MetaStudio介紹 (2)應用場景 (3)功能特性 (4)使用體驗 2、華為云云服務 華為云數字人結合DeepSeek的核心流程 1、…

【GESP】C++四級練習 luogu-P5729 【深基5.例7】工藝品制作

GESP C四級練習,二維/多維數組練習,難度★★☆☆☆。 題目題解詳見:【GESP】C四級練習 luogu-P5729 【深基5.例7】工藝品制作 | OneCoder 【GESP】C四級練習 luogu-P5729 【深基5.例7】工藝品制作 | OneCoderGESP C四級練習,二維…

通過npm install -g yarn安裝Yarn顯示Proxy代理相關問題如何解決?

手動下載yarn.msi安裝包或者yarn.js文件 參考:windows 怎么下載yarn安裝包并將下載的yarn文件移動到全局目錄并添加執行權限?-CSDN博客

arm交叉編譯qt應用中含opengl問題解決

問題是采用正點原子方案中,用虛擬機交叉編譯含opengl的qt程序會出現編譯失敗問題,因為正點原子中的交叉編譯qt源碼時沒有編opengl。 野火似乎有解決: https://doc.embedfire.com/linux/rk356x/Qt/zh/latest/lubancat_qt/install/install_arm…

服務器排查與加固服務詳細介紹

一、服務概述 服務器排查與加固服務是針對企業核心信息資產(服務器)的全方位安全保障方案,旨在通過系統性排查潛在風險、修復漏洞、優化配置,提升服務器抗攻擊能力,確保業務連續性和數據安全性。該服務覆蓋硬件、操作…

提升開發思維的設計模式(下)

上期回顧 提升開發思維的設計模式(上) 2. 設計模式分類(23種設計模式) 2.13 組合模式(Composite Pattern) 將對象組合成樹形結構,以表示“整體-部分”的層次結構。 通過對象的多態表現&#…

h5學習筆記:前端打包

這2天做了一個實驗。在非module傳統的網頁,要實現改名和避免緩存。原本這個事情早在幾年前就做過借助gulp的方式或者fis3 的工具來完成。然而隨著nodejs 來到了24版本后,似乎nodejs的版本這事情就變動復雜多變了。 為什么那么麻煩?實際上開發…

14.OCR字符識別

目錄 1. 識別方法 1. OCR識別 2. OCR識別方法1-助手識別 3. OCR識別方法2-算子分割識別 4.文本分割識別 2. 文本分割 1. 借用助手設置參數文本分割+混合識別 2. 借用助手設置參數文本分割場景2 3.不同字符場景 1.傾斜字符 1. 識別方法 1. OCR識別 *OCR *1. 概念 * …

如果將Word里每頁的行數設置成50行

https://www.zhihu.com/question/357856175 本文來自知乎林聽晴 第一步:新建一個Word文檔 打開“頁面布局”,之后點擊圖片圈起來的小圖標,即可出現“頁面設置”頁面。 ? ? 路徑:頁面設置—文檔網絡,可以看到默認行…