vitepress部署项目到vercel

最新推荐文章于 2025-03-08 12:27:28 发布
原创 最新推荐文章于 2025-03-08 12:27:28 发布 · 372 阅读 · 5 ·
CC 4.0 BY-SA版权
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
文章标签：

#vue #持续部署

准备工作

  • github账号
  • vercel(可以通过github登录)
  • 项目demo

在github新建一个项目(不想公开的话就不要选择public)

001.png

解压项目,上传到github

打开vercel

点此进入 使用github账号登录

新建一个项目

选择刚刚新建的进行导入
002.png

选择vuepress进行部署

003.png

点击部署

出现这样表示部署完成
004.png

绑定自己的与域名

在自己的域名服务商进行设置解析
005.png

完工

006.png

Vercel部署报错：Error: No Output Directory named “public“ found的解决方法
代码简单说 Vue、JAVA、PHP、Node.js 熟练运用，接口、架构、性能全搞定。
04-15 366
在构建完之后，找不到名为 “public” 的输出目录，导致项目访问时出现了 404 错误。今天就和大家分享下这个问题的解决方法。的文件夹作为输出目录。如果构建过程中没有找到这个文件夹，Vercel 就会抛出这个错误信息。总的来说，Vercel 的这个报错提示其实很直接，问题就是找不到。这样，Vercel 就能找到正确的输出目录，项目也能正常访问了。目录，导致部署后的路径访问不到正确的资源。最直接的方法就是将构建后的输出目录名称改为。Vercel 部署时，默认会找一个名为。错误，让你的项目顺利部署上去。
Vercel 部署与管理指南：简化前端应用的自动化部署流程
yoona333的博客
12-02 3767
Vercel是一个平台，旨在简化前端开发流程，特别是对静态网站、单页应用（SPA）和服务器端渲染（SSR）应用的托管和部署。它由 Next.js 的创始团队开发，特别适合与 Next.js 一起使用，但也支持多种其他框架和静态生成工具。Vercel 的主要优势是其简单的部署流程、高效的内容分发网络（CDN）、自动化的构建与发布流程，以及无服务器（serverless）功能，使得开发者能够更专注于编写代码，而无需过多关心基础设施和服务器管理。
【vitepress】如何搭建并部署自己的博客网站
最新发布
小李科技
03-08 1233
新的改变安装vitepress初始化Vitepress启动项目二 如何部署[2]视频教程 [3]
Vercel部署个人博客
醉里博客202271.xyz
06-05 2101
先去注册一个账号，建议注册一个Github账号后，使用Github账号来登录Vercel。vercel 部署静态资源网站极其方便简单，并且有可观的访问速度，最主要的是免费部署。此时项目已经成功搭建完毕了，点击图片即可跳转到 vercel 所提供的二级域名访问。然后可以直接拉取我的仓库，所有已经配置好了，可以直接使用，建议fork成自己的！然后修改dns就行，注意vercel提供的域名可能访问不了，需要自己绑定！如果有自己的域名，还可以在 vercel 中进行设置。进入Vercel官网。
《VitePress 简易速速上手小册》第8章 安全性与部署（2024 最新版）
江帅帅
02-22 819
将你的 VitePress 构建的公司网站部署到 Netlify 是一个优秀的选择，特别是当你寻求快速、高效的部署过程，并希望利用 Netlify 提供的诸如自动部署、HTTPS 和全球 CDN 等高级功能时。通过这些实践，你可以大大提高你的 VitePress 网站的安全性，确保你和你的用户免受网络威胁的侵害。欢迎来到网络安全的世界！Vercel 的自动化部署流程让网站的更新变得非常简单，你可以专注于产品内容的创造和优化，而不是部署的复杂性。记住，网络安全是一个动态的过程，需要持续的注意和定期的维护。
这些前端新技术群你了解了吗？ pnpm turbo vitepress vercel
JKK_jkk的博客
12-01 2150
about: pnpm turbo vitepress vercel
vuepress+github+versel部署免费个人博客
weixin_45871830的博客
08-17 2039
给大家推荐一个免费部署个人博客的方案。 使用vuepress+github托管+vercel。
Vercel Serverless 部署 Node API
旧梦
01-19 1247
Vercel是一个面向现代Web应用程序的全球托管平台。从开发到生产，Vercel的内置CI/CD可以轻松自动化您的工作流程，从而简化协作。专为Web设计的无服务器存储Vercel与Github仓库关联，当仓库代码有变动的时候，就会自动触发Vercel的部署。支持自定义域名支持很多前端框架，例如next.jsvitepress等。支持ServerlessFunction，可以很方便的写一些后端API接口。Serverless。
vercel搭建vitepress
01-04
### 部署 VitePress 到 Vercel 为了成功在 Vercel 上部署和配置 VitePress，需遵循一系列特定的操作流程。 #### 创建 VitePress 项目 首先，在本地环境中创建一个新的 VitePress 项目。初始化完成后，确保项目的 `...
VitePress演示项目预览压缩包
因此，VitePress 不仅适用于开发阶段的快速迭代，也完全能满足上线部署的需求，支持一键构建为静态 HTML、CSS 和 JavaScript 文件，可轻松部署至 Netlify、Vercel、GitHub Pages、阿里云 OSS 等各类静态托管服务。...
快速上手 vercel，手把手教你白嫖部署上线你的个人项目
行星飞行的博客
07-03 7099
vercel 其实也分为开发环境，预览环境（测试环境）以及生产环境三个概念，在 vercel 团队版，你甚至能在预览环境直接进行评论（而且评论也能集成到 slack，挺符合目前我们的生态），比如 UI 觉得某些页面还原度不够他就能在预览环境进行评论，所以不同环境确实有本质上的区别以及作用。vercel dev： 这个命令用于启动本地的开发环境。它会模拟 Vercel 的云环境，让你可以在本地进行开发和测试。使用这个命令，你可以实时看到你的更改效果，而不需要将它们部署到预览或生产环境。vercel。
解决 Vercel 平台 VitePress 子页面单独 URL 访问，文档不显示的问题
weixin_46430910的博客
06-19 768
问题出在 cleanUrl 功能上。如果你在 VitePress 的配置中启用了 cleanUrl（隐藏文件后缀名），默认情况下直接用 URL 访问会导致 404 错误。因为 Vercel 默认没有开启 cleanUrl 功能，而 GitHub Pages 和 Netlify 是默认开启的。如果你使用 GitHub Pages 或 Netlify，通常不会遇到这个问题。这样，Vercel 就会正确处理隐藏文件后缀名的 URL 访问了。解决办法很简单，只需在项目根目录创建一个。
【Vercel】Vercel部署项目遇到的问题
毛毛的博客
10-16 2231
删除package-lock在本地安装，就成功了。考虑是package-lock.json。部署提示报错，vite的命令找不到。然后在vercel平台安装生产环境。锁死了版本，导致依赖安装失败。这里的报错和上面相同。
使用VitePress和Github搭建个人博客网站，可以自动构建和发布
Coding home - 漂流瓶jz
05-21 1227
使用VitePress和Github搭建个人博客网站，可以自动构建和发布
vue3+vite+ts: vercel使用
2301_76403820的博客
07-24 1210
Vercel是一个云原生应用程序开发和部署平台，旨在简化前端开发人员构建、部署和扩展现代网站和应用程序的过程。它最初是一个名为"ZEIT"的公司，后来改名为Vercel。Vercel提供了许多功能和工具，使开发人员能够更快地将他们的项目推向生产环境。一些主要特点包括：零配置部署：Vercel支持自动化部署，它能够检测您的项目类型并自动配置服务器设置，使得部署变得非常简单。
使用vercel免费搭建vue项目
码农桃子的博客
05-15 1639
之前是通过Github作为服务器来发布静态网站，今天有人告诉我，这里有一个叫的商家可以直接白嫖，来试试给他上一课。
第十四章 使用Vercel部署在线文档
天界程序员的博客
12-02 1523
文档网站需要发布到互联网上才能让更多的人知道。传统的发布方法需要做以下准备。这里面租用服务器和域名需要一笔花费。安装 Linux、Nginx，配置域名与 HTTPS 证书需要相应的服务器端知识。注册 HTTPS 证书和实名认证都需要准备和寄送材料，传统的部署方式可以说是费时费力。假设你只想简单的发布一个静态网页，完全没有必要采用这个方案。目前，最佳的解决方案是使用 Serverless 页面托管云服务。这些云服务只需简单配置就可以自动发布 Github 上面的页面；图形化界面操作省去了学习服务器端知识。
教你如何使用vercel服务免费部署前端项目和serverless api
热门推荐
上下求索
01-04 1万+
一、介绍一下vercel vercel 是一个站点托管平台，提供CDN加速，同类的平台有Netlify 和 Github Pages，相比之下，vercel 国内的访问速度更快，并且提供Production环境和development环境，对于项目开发非常的有用的，并且支持持续集成，一次push或者一次PR会自动化构建发布，发布在development环境，都会生成不一样的链接可供预览。 但是vercel只是针对个人用户免费，teams是收费的 首先vercel零配置部署，第二访问速度比github-
【开源实践】从 0 到 1 搞定官网开发
我本可以容忍阳光，如果我不曾见过太阳，然而阳光已使我荒凉，成为更新的荒凉。
04-30 1199
目的聚焦开源官网开发，分享从 0 到 1 的官网开发实践经验作为一个系列文章开头，不定期分享我在开源实践方面的总结和经验，欢迎关注内容文章主要介绍以下内容：需求、设计、实现思路技术选型：pnpm + turbo + vue3 + ts + vite + vitepress + 服务端( node | go ) + vercel技术架构构建部署预览与源码开源实践总结、附（文...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值