Skip to content

vercel+github

这里简单记录 vercel+github 的实践方案和情况:

刚刚我熟练使用 gitee、github、vercel、vuepress 来部署文档。

  • 使用 gitee 私有仓库存储 md
  • 生成 github 的 token
  • 配置 gitee 与 github 的单向关联
  • 新建 github 私有仓库
  • 配置 vercel 能够访问的 github 仓库权限
  • 配置 vercel 访问 github 私有仓库,并配置 vuepress+pnpm 的启动命令
  • 部署并使用

目前实现的效果如下:

  • gitee 推送 md
  • github 拉取 md
  • vercel 直接自动更新

目前仍旧遇到许多问题:

  • 高频率的 vercel 部署,会频繁的发送邮件,怎么去 vercel 内针对性的配置邮件通知?
  • 如何实现访问域名能够在国内使用?尽量不使用自己的域名,用其他免费国内域名快速访问,代理 vercel 的域名?

贡献者

The avatar of contributor named as ruan-cat ruan-cat
The avatar of contributor named as 阮喵喵 阮喵喵

页面历史

布局切换

调整 VitePress 的布局样式,以适配不同的阅读习惯和屏幕环境。

全部展开
使侧边栏和内容区域占据整个屏幕的全部宽度。
全部展开,但侧边栏宽度可调
侧边栏宽度可调,但内容区域宽度不变,调整后的侧边栏将可以占据整个屏幕的最大宽度。
全部展开,且侧边栏和内容区域宽度均可调
侧边栏宽度可调,但内容区域宽度不变,调整后的侧边栏将可以占据整个屏幕的最大宽度。
原始宽度
原始的 VitePress 默认布局宽度

页面最大宽度

调整 VitePress 布局中页面的宽度,以适配不同的阅读习惯和屏幕环境。

调整页面最大宽度
一个可调整的滑块,用于选择和自定义页面最大宽度。

内容最大宽度

调整 VitePress 布局中内容区域的宽度,以适配不同的阅读习惯和屏幕环境。

调整内容最大宽度
一个可调整的滑块,用于选择和自定义内容最大宽度。

聚光灯

支持在正文中高亮当前鼠标悬停的行和元素,以优化阅读和专注困难的用户的阅读体验。

ON开启
开启聚光灯。
OFF关闭
关闭聚光灯。