这时候我们就想了,有不有一种方法,能够帮我们自动构建静态文件然后部署到 Github Pages 上呢。刚好,Github 官方提供了这个一个工具:Github Actions。利用它,我们就能够将重心转移到创作之后,每次创作之后推送到远程之后它就会自动后续工作,接下来我们就来看看如何利用 Github Action 实现自动部署我们的博客
# @see https://github.com/crazy-max/ghaction-github-pages-name:Deploy to GitHub Pagesuses:crazy-max/ghaction-github-pages@v4with:# 部署到 gh-pages 分支target_branch:gh-pages # 部署目录为 VuePress 的默认输出目录build_dir:docs/.vuepress/distenv:# @see https://docs.github.com/cn/actions/...
创建GitHub Actions 配置文件 在你的项目根目录下,创建 .github/workflows 文件夹,然后创建 .github/workflows/docs.yml 文件来配置工作流。 把以下内容复制到 docs.yml 文件中: name:docs on:# 每当 push 到 main 分支时触发部署 push:branches:[main]# 手动触发部署 workflow_dispatch:jobs:docs:runs-on:ubunt...
GitHub Actions for GitHub Pages 🚀 Deploy static files and publish your site easily. Static-Site-Generators-friendly. static-site-generatorgithub-pageshugonextjsgatsbyactionsnuxtmkdocsmdbookvuepressgithub-actions UpdatedMar 18, 2025 TypeScript
至此,大功告成,你已经成功搭建了一个基于VuePress+GitHub Pages的个人博客。 vuepressgithub-pagesgithub-actions 阅读2.2k发布于2024-06-28 Ajianxian 1声望0粉丝 『想要+做到=得到』 引用和评论 GitHub个人主页美化指南:从路人甲到赛博朋克大牛,只需一行代码的魔法 ...
以我的GitHub为例,则对应这个代码仓库的Pages地址为https://robin-2016.github.io/test/,具体设置在对应代码仓库的Settings下的Pages,基于某一个分支进行部署,还可以直接这个已有的GitHub Actions来执行,如果你发现一个项目下有一个名为gh-pages的分支,大概率就是这个项目的GitHub Pages静态网站,一些开源项目用的较多...
v2版本部署 GitHub Pages 只介绍了以GitHub Actions为例,这里我们也以这种方式部署 一、在github上新建项目 m-baseui 把本地创建的m-baseui与github关联,并上传到github上 1 2 3 4 5 6 git init git add ./ git commit -m"init" git remote add origin https://github.com/m-baseui/m-baseui.git ...
用官方的话来说VuePress是一款以Vue驱动的静态网站生成器,它的诞生初衷是为了支持Vue及其子项目的文档需求。由于vuepress支持自定义开发主题所以很多人拿它来写博客,下面我会用VuePress搭建一个极简的博客网站并使用GitHub Actions部署到GitHub Pages。 示例项目github源码 ...
创建GitHub Actions配置文件 在你的项目根目录下,创建 .github/workflows 文件夹,然后创建 .github/workflows/docs.yml 文件来配置工作流。 把以下内容复制到 docs.yml 文件中: name: docs on:# 每当 push 到 main 分支时触发部署push: branches:[main]# 手动触发部署workflow_dispatch: ...
如果代码仓库名称为test,以我的GitHub为例,则对应这个代码仓库的Pages地址为robin-2016.github.io/te,具体设置在对应代码仓库的Settings下的Pages,基于某一个分支进行部署,还可以直接这个已有的GitHub Actions来执行,如果你发现一个项目下有一个名为gh-pages的分支,大概率就是这个项目的GitHub Pages静态网站,一些开源...