使用 Action 自動部署 VuePress 到 GitHub Pages

?? 成果:

  • 框架:VuePress 2 + @vuepress/plugin-blog
  • 打包工具:Vite(viteBundler)
  • 包管理:pnpm
  • CI/CD:GitHub Actions
  • 部署方案:
    • 源碼倉庫:urfread1010/mind-elevation
    • 打包結果推送到:urfread1010/urfread1010.github.io 的 main 分支
    • GitHub Pages 啟用 main 作為 站點源
  • 訪問地址: https://urfread1010.github.io

簡單說下現在的效果:

  • 現在再想更新文章了,只需要改改本地的文檔或者源碼,在推送到管源碼的倉庫的時候,就能自動觸發工作流,進行打包,并且能把打包出來的資源推送到負責展示網頁的倉庫。特別方便。

思路

首先就是找做文檔網站比較簡單易上手的框架,很容易就找到VuePress2了。然后稍微操作一下,看看是不是真的自己會用。

然后再找一下部署方案,免費的 GitHub Pages 也是很容易就能搜到。因為之前已經試過了,所以這次也用的它。

稍微不一樣的是,這次用的是框架,不是光靜態資源,所以在存源碼上邊動了下腦筋,把它分成兩個倉庫了。.io結尾的乃個倉庫專門負責展示網頁,而另一個倉庫則專門負責管理源碼。

命令

(有待整理)

遇到的小問題

因為要跨倉庫操作,需要一點小配置。

因為本地賬號和倉庫主人也不是一個號,所以研究了一下怎么授權。

剛開始不讓推送,后來發現是網絡和加密的問題。

補充

VuePress官方就有自動化部署的工作流腳本,就不貼我的了。

乃個腳本大概的工作就是,告訴 GitHub 編譯這個項目需要什么環境、執行什么命令、部署到哪里。

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

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

相關文章

【人工智能】2025年AI代理開源革命:社區驅動的智能體生態重塑未來

還在為高昂的AI開發成本發愁?這本書教你如何在個人電腦上引爆DeepSeek的澎湃算力! 2025年,AI代理(AI Agents)的開源浪潮席卷全球,標志著人工智能從封閉的商業模式向社區驅動的協作生態轉型。這一浪潮由開源社區主導,推動了智能體的快速迭代和民主化發展。本文深入探討了…

QT:【第一個QT程序】【信號和槽】

目錄 一. 第一個QT程序 1.1純代碼實現 1.2可視化操作實現 1.3 項目文件解析 1.3.1 .pro文件解析 1.3.2 widget.h 文件解析 1.3.3 main.cpp文件解析 1.3.4 widget.cpp 1.3.5 widget.ui文件解析 1.4對象樹 演示自動釋放的過程 1.5 中文亂碼 1.6 Qt窗口坐標系 二. 信…

河南萌新聯賽2025第(七)場:鄭州輕工業大學

河南萌新聯賽2025第(七)場:鄭州輕工業大學 If I only could, Id be running up that hill!鄭輕有品!背景終于不是二次元了… 是Stranger Things!希望我能像主題曲里那樣,勇攀高峰,R…

Java 獲取淘寶商品詳情(item get)API 接口實戰指南

在電商領域,獲取商品詳情數據對于市場分析、價格監控、用戶體驗優化等場景具有重要意義。淘寶作為國內領先的電商平臺,提供了豐富的 API 接口供開發者使用,其中 taobao.item.get 和 taobao.item.get_pro 接口可以用來獲取商品的詳細信息。本文…

配送算法17 AFramework for Multi-stage Bonus Allocation in meal delivery Platform

AFramework for Multi-stage Bonus Allocation in meal delivery Platform本文針對美團每日數十萬單因無人接單而被取消的痛點,提出“多階段動態獎金分配”框架:先用半黑盒模型預估獎金—接單概率關系,再用拉格朗日對偶動態規劃離線算出階段乘…

Python DELL Logo

寫在前面 Python繪制Android Studio標志的完整代碼。 系列文章 序號文章目錄直達鏈接炫酷系列1無法拒絕的表白界面https://want595.blog.csdn.net/article/details/1347448942滿屏飄字表白代碼https://want595.blog.csdn.net/article/details/1350373883無限彈窗表白代碼http…

【架構師干貨】軟件工程

1. 軟件工程概述 軟件工程基本原理 軟件工程基本原理:通過劃分生命周期階段的方式嚴格管理、堅持進行階段評審、實現嚴格的產品控制、采用現代程序設計技術、結果應能清楚地審查、開發小組的人員應少而精、承認不斷改進軟件工程實踐的必要性。 軟件開發生命周期 軟件…

3.滲透-.IP地址-詳解

免責聲明:內容僅供學習參考,請合法利用知識,禁止進行違法犯罪活動! 內容參考于:易錦網校 上一個內容:2.滲透-.WEB運行原理-ZBlog安裝(進一步理解數據庫) ip地址是互聯網中的門牌號…

【數字投影】簡單介紹數字展廳內投影融合技術的原理

投影融合技術 https://www.bmcyzs.com/ 是一種將多臺投影機的畫面無縫拼接成一個完整、統一的高分辨率大畫面的技術。它的核心原理在于通過幾何校正與邊緣羽化等處理,消除設備間的物理縫隙與亮度差異,從而實現視覺上的完美一體化。這一過程高度依賴于專業…

UML狀態圖中entry/do/exit動作的深入解析與C/C++實現

<摘要> 本文將深入探討UML狀態圖中entry、do和exit動作的概念、作用及實現方式&#xff0c;通過astah工具展示如何專業地建模這些元素&#xff0c;并提供完整的C/C代碼實現解析。文章包含具體案例和最佳實踐&#xff0c;幫助開發者掌握狀態機設計的精髓。 <解析> U…

Vue3 Pinia 中 store.$dispose()的用法說明

在 Vue 3 的 Pinia 中&#xff0c;store.$dispose()方法用于手動銷毀一個 store 實例&#xff0c;它會重置該 store 的狀態并移除所有訂閱&#xff08;如通過 $subscribe或 $onAction添加的監聽器&#xff09;。如果你發現調用 store.$dispose()后沒有達到預期效果&#xff0c;…

Java自定義程序使用Ollama實現本地ai調用

Ollama 提供 兩套核心接口、三種常見輸入風格、兩種輸出模式&#xff0c;你可以按需組合。 一、兩套核心接口 /api/generate ? 一問一答&#xff0c;無對話歷史。 ? 輸入&#xff1a;單次 prompt&#xff0c;可選參數&#xff08;temperature、top_p、max_tokens …&#xff…

操作系統中的死鎖是什么意思

問題操作系統中的死鎖是什么意思我的回答死鎖是指在操作系統中&#xff0c;兩個或多個進程互相等待對方釋放資源&#xff0c;導致這些進程都無法繼續執行的一種狀態。簡單來說&#xff0c;就像兩個人相互禮讓過馬路&#xff0c;結果誰也不肯先走&#xff0c;最后都卡在那里一樣…

DA14531(Cortex-M0+)之Wake-up Interrupt Controller (WIC)

Wake-up Interrupt Controller (WIC) to allow the processor to be powered down during sleep, while interrupt sources are still allowed to wake up the system. 喚醒中斷中斷器&#xff0c;允許處理器休眠時關閉電源和時鐘&#xff0c;但中斷源可以喚醒系統。具備獨立的…

實戰演練(一):從零構建一個功能完備的Todo List應用

實戰演練&#xff08;一&#xff09;&#xff1a;從零構建一個功能完備的Todo List應用 作者&#xff1a;碼力無邊各位React探險家&#xff0c;歡迎集結&#xff01;我是你們的向導碼力無邊&#xff0c;這里是《React奇妙之旅》的第六站&#xff0c;也是我們基礎階段的“畢業大…

GitHub 宕機自救指南:確保開發工作不間斷

1.1 GitHub 宕機事件回顧 在 2025 年 8 月&#xff0c;GitHub 經歷了一次全球性的重大故障事件&#xff0c;此次宕機持續了數小時&#xff0c;對全球范圍內依賴 GitHub 進行代碼托管、協作開發的團隊和個人造成了嚴重影響。眾多開源項目的代碼提交陷入停滯&#xff0c;企業級開…

RK3588 android12 DDR開發指南相關記錄

一&#xff0c;DDR打印信息 DDR 打印信息包括 loader 中的打印和 kernel 中的打印&#xff0c;loader 中打印的解析如下&#xff1a;DDR Version 1.05 20170712// DDR 初始化代碼的版本信息&#xff0c;用于核對版本。從這行開始&#xff0c;已經進入DDR初始化代碼 In SRX // 有…

Docker 部署 GitLab 并開啟 SSH 使用詳解

在日常使用 GitLab 時&#xff0c;很多人習慣通過 SSH 協議 而不是 HTTPS 來拉取與推送代碼。但是在使用 Docker 部署 GitLab 的過程中&#xff0c;經常遇到 SSH 端口未開放、只能本地訪問、客戶端無法連接 等問題。本文將從零開始&#xff0c;詳細講解如何在 Docker 中正確開啟…

C/C++---前綴和(Prefix Sum)

在C算法與數據結構領域&#xff0c;前綴和是一種時間復雜度優化利器&#xff0c;尤其適用于頻繁查詢數組區間和的場景。它通過預先計算“前綴累積和”&#xff0c;將原本O(n)時間的區間和查詢壓縮至O(1)&#xff0c;是面試、競賽及工程開發中高頻使用的基礎技巧。 一、前綴和的…

[n8n] 全文檢索(FTS)集成 | Mermaid圖表生成

第5章&#xff1a;全文檢索(FTS)集成 在前一章中&#xff0c;我們構建了REST API服務作為數據訪問入口。 本章將介紹全文檢索(FTS)集成&#xff0c;它如同智能搜索引擎&#xff0c;為工作流系統提供高效靈活的檢索能力。 核心架構 前文傳送&#xff1a; 技術選型 SQLite …