Gitlab Pages在国内并没有被墙,且访问速度较快,CI好用,是部署静态站点的理想选择。这篇文章中主要讲述了如何在Gitlab上部署VitePress-Theme-BlueArchive博客系统
注意:本文内容只适用于Gitlab,极狐Gitlab由于阉割了Pages所以无法实现本文所述内容。Gitlab注册需要验证,且不支持中国大陆(+86)手机号,建议找免费的在线国外号码来验证。Gitlab的构建次数配额有限,建议在有大更新的时候一起推送。
首先,导入或创建仓库,使仓库内有VitePress-Theme-BlueArchive的源码即可。
接着,在仓库根目录创建.gitlab-ci.yml文件,并输入以下内容:
# The Docker image that will be used to build your app
image: node:20
# Functions that should be executed before the build script is run
before_script: []
pages:
script:
- npm add -D vitepress
- npm run build
- rm -rf public/*
- mv .vitepress/dist/* public
artifacts:
paths:
# The folder that contains the files to be exposed at the Page URL
- public
rules:
# This ensures that only pushes to the default branch will trigger
# a pages deploy
- if: $CI_COMMIT_REF_NAME == $CI_DEFAULT_BRANCH
然后提交。提交后,构建过程应该会自动启动。
构建完成后,进入 Deploy > Pages 查看分配的域名。
PS:建议自己绑个域名,Gitlab分配的域名会很长。如果没有域名,也可以来这里获得免费的二级域名:https://dns.dfggmc.top
之后按自己需求配置即可,每次推送都会自动启动构建。