网站部署
- 《VitePress 简易速速上手小册》
- VuePress 博客搭建系列 33 篇正式完结！ · Issue #279 · mqyqingfeng/Blog
- 第三次重构个人博客（基于 Vitepress） | Justin3go
speed insights 和 analytics 都需要安装一些包 https://vercel.com/docs/speed-insights/quickstarthttps://vercel.com/docs/analytics/quickstart
模板
https://vercel.com/docs/frameworks
比较好看的有：
- VitePress https://vitepress.dev/zh/ 专门用来写文档用的，中文搜索的支持很好。
- Next.js https://nextjs.org/ 这个更全能，用来写文档也太复杂了。。。
本地部署
https://vercel.com/docs/deployments/local-env
bash
# 安装到了 ~/.local/share/fnm/node-versions/v20.17.0/installation/bin/
npm install -g vercel
# 安装 package.json 里的所有依赖
npm install
# https://vercel.com/docs/cli
vercel dev1
2
3
4
5
6
7
2
3
4
5
6
7
bash
# -D 表明是开发环境下的依赖
❯ npm add -D vitepress
# 修改 package.json 里的版本号后，更新依赖
❯ npm update -D vitepress
#
npm i markdown-it-task-lists
npm i markdown-it-footnote
npm i vitepress-plugin-comment-with-giscus
❯ npx vitepress init
┌ Welcome to VitePress!
│
◇ Where should VitePress initialize the config?
│ ./
│
◇ Site title:
│ Blog
│
◇ Site description:
│ My Blog
│
◇ Theme:
│ Default Theme
│
◇ Use TypeScript for config and theme files?
│ Yes
│
◇ Add VitePress npm scripts to package.json?
│ Yes
│
└ Done! Now run npm run docs:dev and start writing.
Tips:
- Make sure to add .vitepress/dist and .vitepress/cache to your .gitignore file.
❯ npm run docs:dev
> docs:dev
> vitepress dev
vitepress v1.3.4
➜ Local: http://localhost:5173/
➜ Network: use --host to expose
➜ press h to show help1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
TODO
https://vercel.com/integrations/slack/new
在同一目录管理多个项目 https://vercel.com/docs/monorepos
HTTP 缓存标头 https://vitepress.dev/zh/guide/deploy#http-cache-headershttps://vercel.com/docs/concepts/projects/project-configuration#headers
.vercelignore
.env.local
vercel.json https://vercel.com/docs/projects/project-configuration