{"id":1913,"date":"2025-06-10T17:41:50","date_gmt":"2025-06-10T09:41:50","guid":{"rendered":"https:\/\/www.zhaozhao123.cn\/wpcms\/wpdt\/1913.html"},"modified":"2025-06-14T11:42:18","modified_gmt":"2025-06-14T03:42:18","slug":"%e5%a6%82%e4%bd%95%e4%bd%bf%e7%94%a8github%e5%92%8c%e9%83%a8%e7%bd%b2%e5%b7%a5%e5%85%b7%e8%87%aa%e5%8a%a8%e9%83%a8%e7%bd%b2wordpress%e4%b8%bb%e9%a2%98%e7%9a%84%e6%9b%b4%e6%94%b9","status":"publish","type":"post","link":"https:\/\/www.zhaozhao123.cn\/wpcms\/post\/1913.html","title":{"rendered":"\u5982\u4f55\u4f7f\u7528GitHub\u548c\u90e8\u7f72\u5de5\u5177\u81ea\u52a8\u90e8\u7f72WordPress\u4e3b\u9898\u7684\u66f4\u6539"},"content":{"rendered":"
\r\n
\r\n
\r\n
\r\n
\r\n
\"Bug编译狮\"<\/figure>\r\n\r\n\r\n\r\n

Bug编译狮<\/p>\r\n<\/div>\r\n<\/div>\r\n<\/div>\r\n\r\n\r\n\r\n

\r\n
\r\n

要使用GitHub和部署工具（如Jekyll、Hugo或静态网站生成器）自动部署WordPress主题的更改，你需要遵循以下步骤：<\/p>\n

    \n
  1. \n

    初始化GitHub仓库<\/strong>：<\/p>\n

      \n
    • 在本地计算机上创建一个新的Git仓库。\n
      mkdir my-theme-repo\ncd my-theme-repo\ngit init<\/code><\/pre><\/li>\n<\/ul>\n<\/li>\n
    • \n
      克隆远程仓库到本地<\/strong>：<\/p>\n
        \n
      • 将你的WordPress主题上传到GitHub并将其添加为远程仓库。\n
        git remote add origin https:\/\/github.com\/yourusername\/my-theme.git\ngit pull origin main  # 如果你的主题没有主分支，可以使用 `master` 替代<\/code><\/pre><\/li>\n<\/ul>\n<\/li>\n
      • \n
        配置WordPress主题<\/strong>：<\/p>\n
          \n
        • 打开你的WordPress主题文件夹中的functions.php<\/code>文件。<\/li>\n
        • 添加或修改以下代码来启用自动更新功能：\n
          \/\/ 自动更新主题\nif ( ! function_exists( 'mytheme_auto_update' ) ) :\n require_once get_template_directory() . '\/inc\/auto-update.php';\nendif;<\/code><\/pre><\/li>\n<\/ul>\n<\/li>\n
        • \n
          创建自定义插件<\/strong>：<\/p>\n
            \n
          • 创建一个名为auto-update.php<\/code>的新文件。<\/li>\n
          • \n
            在该文件中编写以下PHP代码来实现自动更新功能：<\/p>\n
            <?php\n\/**\n* @package My Theme\n*\/\n\nclass MyTheme_Auto_Update {\n public static $instance = null;\n\n private function __construct() {}\n\n public static function instance() {\n     if (!isset(self::$instance)) {\n         self::$instance = new self();\n     }\n     return self::$instance;\n }\n\n public function register_hooks() {\n     add_action('after_setup_theme', array($this, 'init_auto_update'));\n }\n\n public function init_auto_update() {\n     update_option('autoptimize_cache', false);\n     wp_register_script('mytheme-autoupdate', plugins_url('\/js\/update.js', __FILE__), array(), null, true);\n\n     wp_enqueue_script('mytheme-autoupdate');\n     wp_localize_script(\n         'mytheme-autoupdate',\n         'mytheme_autoupdate_options',\n         array(\n             'baseurl' => admin_url('admin-ajax.php'),\n         )\n     );\n\n     add_action('wp_ajax_nopriv_mytheme_autoupdate', array($this, 'ajax_update_check'));\n     add_action('wp_ajax_mytheme_autoupdate', array($this, 'ajax_update_check'));\n\n     add_filter('template_include', array($this, 'load_new_version'), 9999);\n }\n\n public function ajax_update_check() {\n     $version = file_get_contents(get_stylesheet_directory() . '\/style.css');\n\n     if ($version != get_option('mytheme_latest_version')) {\n         echo json_encode(array('status' => 'update_available', 'message' => __('A newer version is available.', 'mytheme')));\n         wp_die();\n     } else {\n         echo json_encode(array('status' => 'no_update', 'message' => __('No updates available.', 'mytheme')));\n         wp_die();\n     }\n }\n\n public function load_new_version($template) {\n     $latest_version = get_option('mytheme_latest_version');\n     $newest_version = file_get_contents(get_stylesheet_directory() . '\/style.css');\n\n     if ($latest_version < $newest_version) {\n         wp_redirect(home_url());\n     }\n\n     return $template;\n }\n}\n\nMyTheme_Auto_Update::instance()->register_hooks();\n<\/code><\/pre>\n<\/li>\n
          • 这个插件会在每次用户访问时检查是否有新版本可用。<\/li>\n<\/ul>\n<\/li>\n
          • \n
            测试自动更新功能<\/strong>：<\/p>\n
              \n
            • 确保你的WordPress主题目录结构正确，并且所有相关文件都在正确的路径下。<\/li>\n
            • 浏览器打开你的WordPress站点，然后刷新页面查看是否能自动加载新版本。<\/li>\n<\/ul>\n<\/li>\n
            • \n
              部署到GitHub Pages<\/strong>：<\/p>\n
                \n
              • 使用部署工具（如GitHub Actions、Netlify等）部署你的GitHub仓库到GitHub Pages。<\/li>\n
              • 设置部署脚本，确保每次推送时都能自动部署最新的主题。<\/li>\n<\/ul>\n<\/li>\n<\/ol>\n
                通过以上步骤，你可以使用GitHub和部署工具来自动管理WordPress主题的更新，从而保持你的网站始终最新。<\/p>\r\n<\/div>\r\n<\/div>\r\n<\/div>\r\n<\/div>
                \r\n
                \r\n
                \r\n
                \r\n
                \r\n
                \"黑板前的Bug语法讲师\"<\/figure>\r\n\r\n\r\n\r\n
                黑板前的Bug语法讲师<\/p>\r\n<\/div>\r\n<\/div>\r\n<\/div>\r\n\r\n\r\n\r\n
                \r\n
                \r\n
                1. 安装GitHub<\/h3>\n
                首先，你需要安装一个GitHub客户端或API密钥，以便通过它与GitHub服务器建立连接并获取信息。<\/p>\n
                示例代码：<\/h4>\n
                curl https:\/\/api.github.com\/user\/repos | jq '.[].name' > wordpress-repo-name.txt<\/code><\/pre>\n
                解释：<\/h4>\n
                此命令使用curl<\/code>和jq<\/code>（基于Perl）来从GitHub API获取用户的所有仓库列表。然后，它将这些名称存储在一个文本文件中，名为wordpress-repo-name.txt<\/code>。<\/p>\n
                2. 创建并提交变更<\/h3>\n
                一旦你有了一个新的WordPress主题，你可以创建一个新仓库并将该主题推送到GitHub上。以下是如何操作的步骤：<\/p>\n
                示例代码：<\/h4>\n
                git init\ngit add . # 将当前目录下的所有文件添加到暂存区\ngit commit -m \"Initial commit\"\ngit push origin master<\/code><\/pre>\n
                解释：<\/h4>\n
                  \n
                • git init<\/code>: 初始化一个新的Git仓库。<\/li>\n
                • git add .<\/code>: 将当前目录下所有的文件都添加到暂存区。<\/li>\n
                • git commit -m \"Initial commit\"<\/code>: 这里，“Initial commit”是你想要的主题的简短描述。<\/li>\n
                • git push origin master<\/code>: 将本地仓库的内容推送到远程GitHub仓库中的master分支。<\/li>\n<\/ul>\n
                  3. 使用GitHub Actions部署WordPress<\/h3>\n
                  现在，你可以使用GitHub Actions来自动化WordPress的部署过程。GitHub Actions允许你使用CI\/CD工具执行一系列的任务，如构建、测试和部署应用。<\/p>\n
                  示例代码：<\/h4>\n
                  on:\n  push:\n    branches:\n      - master\n\njobs:\n  build:\n    runs-on: ubuntu-latest\n    steps:\n      - name: Checkout code\n        uses: actions\/checkout@v2\n      - name: Install dependencies\n        run: npm install\n      - name: Build WordPress theme\n        run: npm run build\n      - name: Deploy to GitHub Pages\n        uses: actions\/upload-artifact@v2\n        with:\n          name: wordpress-theme\n          path: .\/build<\/code><\/pre>\n
                  解释：<\/h4>\n
                    \n
                  • on: push<\/code>: 当push事件发生时触发此动作。<\/li>\n
                  • branches: master<\/code>: 检查是否为master<\/code>分支。<\/li>\n
                  • steps:<\/code>：列出要执行的步骤。\n
                      \n
                    • - name: Checkout code<\/code>: 下载仓库。<\/li>\n
                    • - name: Install dependencies<\/code>: 安装依赖项。<\/li>\n
                    • - name: Build WordPress theme<\/code>: 构建主题。<\/li>\n
                    • - name: Deploy to GitHub Pages<\/code>: 将构建后的主题上传到GitHub Pages。<\/li>\n<\/ul><\/li>\n<\/ul>\n
                      总结<\/h3>\n
                      以上展示了如何使用GitHub和GitHub Actions自动部署WordPress主题的更改。通过这种方式，你可以更轻松地管理主题的版本控制和发布流程，同时确保每次更新都能自动部署到生产环境。<\/p>\r\n<\/div>\r\n<\/div>\r\n<\/div>\r\n<\/div>\n","protected":false},"excerpt":{"rendered":"
                      Bug编译狮 要使用GitHub和部署工具（如Jekyll、Hugo或静态&#32..<\/p>\n","protected":false},"author":1,"featured_media":0,"comment_status":"closed","ping_status":"","sticky":false,"template":"","format":"standard","meta":{"_acf_changed":false,"footnotes":""},"categories":[1],"tags":[3189,52,53],"tuisongtax":[],"class_list":["post-1913","post","type-post","status-publish","format-standard","hentry","category-wpdt","tag-zt","tag-ztjc","tag-ztmbpzjc"],"acf":[],"_links":{"self":[{"href":"https:\/\/www.zhaozhao123.cn\/wpcms\/wp-json\/wp\/v2\/posts\/1913","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.zhaozhao123.cn\/wpcms\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/www.zhaozhao123.cn\/wpcms\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/www.zhaozhao123.cn\/wpcms\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/www.zhaozhao123.cn\/wpcms\/wp-json\/wp\/v2\/comments?post=1913"}],"version-history":[{"count":0,"href":"https:\/\/www.zhaozhao123.cn\/wpcms\/wp-json\/wp\/v2\/posts\/1913\/revisions"}],"wp:attachment":[{"href":"https:\/\/www.zhaozhao123.cn\/wpcms\/wp-json\/wp\/v2\/media?parent=1913"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.zhaozhao123.cn\/wpcms\/wp-json\/wp\/v2\/categories?post=1913"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.zhaozhao123.cn\/wpcms\/wp-json\/wp\/v2\/tags?post=1913"},{"taxonomy":"tuisongtax","embeddable":true,"href":"https:\/\/www.zhaozhao123.cn\/wpcms\/wp-json\/wp\/v2\/tuisongtax?post=1913"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}