BLOGS

VitePress 是基于 Vite 和 Vue 构建的静态站点生成器，专注于极速开发体验与轻量化输出，尤其适合构建高性能的技术文档网站
Sealos 是一个以 Kubernetes 为核心的轻量级云操作系统，提供一键化部署与管理分布式应用的能力，简化云原生环境运维。

1.安装Sealos，cursor软件

Sealos 是一个 Web 端，直接访问 https://cloud.sealos.run/?uid=khLz20INia 注册账号。

Cursor 是一款基于人工智能的代码编辑器，集成了 GPT4、Claude 3.5 等先进 LLM 的类 vscode 的编译器，集成了 AI 辅助编程助手，创建了一个集成开发环境（IDE），旨在帮助开发人员编写代码，并与 AI 进行实时互动，提供代码建议、错误检测和自动补全功能。
cursor官网： https://www.cursor.com/

2.新建Devbox项目

找到 Devbox ，新建项目。Devbox相当于把传统的编写代码，打包到云服务器，创建docker镜像等部署过程，简单化，可视化了，通过DevBox可视化部署，不需要配置各种环境，敲各种命令了。

新建Dexbox项目

2.1 配置选项

项目名称+运行环境

CPU和内存，公网端口（收费的），1CPU+2G+公网端口大概 1.67元/天。

最后，VitePress 项目新建结束

详情查看 VitePress，准备开发代码。

3.初始化vitePress页面

项目目录结构和启动项目 npm run docs:dev

初始化后的默认页面。

4.用AI美化博客

crtl+l快捷键打开AI助手。

初始化的默认页面展示，下面会使用AI助手继续美化页面。

帮我创建完整的博客结构和内容。

生成具体的博客内容

最终样式

5.上线发布

到此，代码已经编写完成了，开始测试项目是否能正常运行，准备镜像，基于镜像部署应用了。

5.1 测试项目

发布的项目上线后，入口文件是 entrypoint.sh。可以在本地执行入口文件，测试项目是否正常运行。

执行此脚本文件，不会执行，询问AI，她给出了三个方法，直接使用第二个方法。

执行成功，页面内容展示成功！

5.2 发布版本(发布镜像)

代码编写好了，入口文件测试也没有问题。开始发布版本了（就是准备第一版的镜像源）。

此过程，Cursor软件会和Sealog断开连接，不影响。

等待发版成功。

等待1分多种，发版成功。

如果是传统的部署，到此相当于是创建完镜像（docker image），准备创建docker部署了（docker run）。

5.3 开始上线

应用名称：自定义。【相当于 docker run --name 配置实例名称】镜像源：这个是 Devbox+vitepress 发布版本的 v1 镜像源。【相当于docker run --name vitepress 镜像源】

不想使用sealos分配的公网地址，使用自己的域名，就要自定义域名。

5.4 自定义域名

域名需要到域名服务商购买域名。需要到您的域名服务商处，添加该域名的 CNAME 解析到 tekkjtbjixqd.sealoshzh.site，解析生效后即可绑定自定义域名。就是把Sealog给你分配的公网地址 tekkjtbjixqd.sealoshzh.site 使用CNAME解析到自己的域名地址。

这里以华为云域名（our79.com）演示，添加 CNAME 域名解析。
‌ CNAME（Canonical Name）记录‌是一种在DNS（域名系统）中使用的记录类型，主要用于将一个域名别名映射到另一个正式的域名。CNAME记录允许一个域名指向另一个域名，而不是直接指向一个IP地址，这在进行域名管理和重定向时非常有用‌。
步骤：
1.购买域名后到控制台-域名解析
2.管理解析