惯性聚合 高效追踪和阅读你感兴趣的博客、新闻、科技资讯
阅读原文 在惯性聚合中打开

推荐订阅源

D
DataBreaches.Net
钛媒体:引领未来商业与生活新知
钛媒体:引领未来商业与生活新知
云风的 BLOG
云风的 BLOG
B
Blog
博客园 - Franky
I
InfoQ
A
About on SuperTechFans
博客园_首页
L
LangChain Blog
量子位
腾讯CDC
Microsoft Security Blog
Microsoft Security Blog
博客园 - 【当耐特】
美团技术团队
V
V2EX
Apple Machine Learning Research
Apple Machine Learning Research
雷峰网
雷峰网
MongoDB | Blog
MongoDB | Blog
Microsoft Azure Blog
Microsoft Azure Blog
月光博客
月光博客
T
The Blog of Author Tim Ferriss
P
Proofpoint News Feed
G
Google Developers Blog
Last Week in AI
Last Week in AI

晓雨杂记

为 PCL CE 添加 Sentry 集成 为 PCL CE 添加 Sentry 集成 【转载】舞萌 DX 报错 8103 / 8106 以及 0949 问题原因分析和解决方案 【转载】舞萌 DX 报错 8103 / 8106 以及 0949 问题原因分析和解决方案 【转载】舞萌国服 1.53 补丁更新内容速览 【转载】舞萌国服 1.53 补丁更新内容速览 站点之间,是生活的片段 站点之间,是生活的片段 EdgeOne 免费版,Yes! EdgeOne 免费版,Yes! 2025 年,把一加 6T 作为主力机是什么体验?(上) 2025 年,把一加 6T 作为主力机是什么体验?(上) 2024 年终总结 2024 年终总结 国行 iPhone 12 强开 Apple 智能 国行 iPhone 12 强开 Apple 智能 通过自定义主题重写我的博客 通过自定义主题重写我的博客 窗边浅谈:形同陌路的“朋友” 窗边浅谈:形同陌路的“朋友” 没有衡水命,一身衡水病——盲目复制衡水模式的意义何在? 没有衡水命,一身衡水病——盲目复制衡水模式的意义何在? 在 Valaxy 中使用 Artalk 作为评论系统 在 Valaxy 中使用 Artalk 作为评论系统 窗边浅谈:序章 窗边浅谈:序章 【转载】关于 HiPer 的安全性讨论,以及对于近期一些小事的简单介绍 【转载】关于 HiPer 的安全性讨论,以及对于近期一些小事的简单介绍 2023 年终回顾 2023 年终回顾
部署 VuePress v1 文档到 Vercel
Big_Cake · 2022-07-10 · via 晓雨杂记

前言 ​

可能大家用 VuePress 做文档的已经厌烦了每天对着终端敲 yarn docs:build 了吧。

想用 CI 却苦于配置无从下手。

这里我来和大家分享一下,如何将 VuePress 文档部署到 Vercel 上。

本文仅适用于 VuePress v1 文档。关于 v2 文档,还请各位看官自行摸索。

步骤 ​

注册 Vercel ​

不多说了,这是注册链接,推荐使用 GitHub 账号进行 OAuth 登录。

创建项目 ​

进入 Dashboard 以后,点击右上角的“New Project”新建一个项目;

选择你存放文档的仓库,点击“Import”,这里用 PCL 生存服的文档进行展示;

导入仓库

如果你要从一个组织账号部署,你需要先创建一个团队账号。

FRAMEWORK PRESET 请务必选择 Vue.js。

我们接下来来到 BUILD AND OUTPUT SETTINGS 页面,打开第二个开关,在旁边的文本框内填 .vuepress/dist(如果你的文档在子目录里存放比如 docs 文件夹,那么需要在前面加上这个文件夹的名字)。

其余的可以留着不填,如下图(请不要直接照抄)

配置

点击“Deploy”按钮,然后等待部署。

如果页面上冒出了烟花,表示你的文档已经成功部署了。

配置项目 ​

打开项目,点击 Settings,导航到 Git,将“Production Branch”设置为你存放文档工作区的分支。

需要注意的是,文档工作区的目录结构一般长这个样:

文档目录结构

设置好,点击“Save”,然后对仓库进行一次提交,更改就会自动部署到生产环境。

至此,我们所需要做的就全部完成了!