Gitea觸發Jenkins自動執行VuePress之佈建

Table of contents

• 背景
  • settings
• Jenkins Pipeline

---

背景

-

settings

要讓 Jenkins 自動部署 VuePress 網誌，您需要在 Gitea 上設置 Webhook，並使用 Jenkins 的 Gitea 插件來觸發自動部署流程¹²³。

以下是設置步驟：

1. 在 Gitea 上創建一個新的 Webhook，並將其設置為觸發 Jenkins 的自動部署流程。您可以在 Gitea 的 Webhook 設置頁面上找到相關的文檔和指南¹。
2. 在 Jenkins 中安裝 Gitea 插件，並配置 Gitea 服務器的詳細信息。您可以在 Jenkins 的官方文檔中找到有關如何安裝和配置 Gitea 插件的詳細信息¹²。
3. 在 Jenkins 中創建一個新的 Pipeline 項目，並將其配置為使用 VuePress 進行自動部署。您可以在 Jenkins 的官方文檔中找到有關如何創建和配置 Pipeline 項目的詳細信息¹²。

希望這些信息對您有所幫助！

來源: 與 Bing 的交談， 2024/1/21

(1) Gitea 与 Jenkins 的集成实践，打造你的专属 CI/CD 系统 - Gitea - 博客园.

(2) VuePress搭建博客教程（含部署到gitee） 临渊的博客.

(3) 前端自动化部署jenkins+gitee一个博客系统vuePress项目_vuepress gitee 自动化-CSDN博客.

(4) 【Linux】云服务器自动化部署VuePress博客（Jenkins).

(5) Jenkins实现Vuepress自动化部署(上)-安装配置Jenkins - 掘金.

(6) undefined.

(7) undefined.

Jenkins Pipeline

在 Jenkins 中設定 Pipeline 以推送 VuePress Markdown 文件，您可以使用 Jenkins Pipeline 腳本。下面是一個簡單的範例，假設您的 VuePress 項目位於 Git 存儲庫中：

pipeline {
    agent any

    stages {
        stage('Checkout') {
            steps {
                // 檢查程式碼庫
                git 'https://your-github-repo/vuepress-project.git'
            }
        }

        stage('Build and Deploy') {
            steps {
                script {
                    // 安裝 VuePress 和相依套件
                    sh 'npm install'

                    // 建構 VuePress
                    sh 'npm run build'

                    // 此處可能需要其他設定，視您的專案而定

                    // 將生成的靜態文件複製到伺服器或其他位置
                    // 這裡只是一個示例，您可能需要根據實際情況進行更改
                    sh 'cp -r docs/.vuepress/dist/* /path/to/deployment/location/'
                }
            }
        }
    }
}

在這個 Pipeline 中：

1. Checkout 階段使用 git 步驟從您的 Git 存儲庫檢出代碼。
2. Build and Deploy 階段中，使用 npm install 安裝相依套件，然後執行 npm run build 來建構 VuePress。
3. 最後，將生成的靜態文件複製到部署位置。請注意，此處的 cp 命令僅為示例，您需要根據實際情況更改路徑。

請確保在 Jenkins 中安裝了相關的插件（如 Git、Node.js、npm），並檢查 Jenkinsfile 是否符合您的專案結構和需求。