外观
3、我要建博客之部署到服务器
终于拥有自己的独立博客啦!不用再受第三方平台限制,自定义程度拉满~
这篇把从手动部署到自动同步的全流程拆给新手,跟着做就能成!
📦 先备齐这些 “装备”(两种部署通用)
云服务器:选阿里云 / 腾讯云新手套餐,1 核 2G 足够,系统挑 Linux。
工具:FTP 软件(传文件)、VsCode(改博客配置)。
博客源码:我用 VuePress,本地先跑通(npm run docs:dev能预览再往下走)。
🛠 手动部署:先搞懂 “底层逻辑”
手动就是把本地 VuePress 生成的文件,传到服务器让别人能访问~
本地执行npm run docs:build,得到 dist 文件夹(这是最终要上线的内容)。
用 FTP 软件连服务器,把 dist 里的文件全传到 /www/wwwroot/(路径记好)。
服务器装 Nginx,配置网站根目录指向刚才的文件夹。
输服务器 IP,能看到博客页面就成!
⚡ 自动部署:解放双手!3 种方案任选
手动更改文章要重复传文件太麻烦,自动部署能实现 “本地改完,服务器秒更”~
- Gitee+Webhook(最常用) 本地 VuePress 项目推到 Gitee 仓库。
服务器装 Webhook 和 git 客户端,Webhook 配好和 Gitee 的连接。
Gitee 仓库里设 Webhook,填服务器地址 + 密钥。
改完文章推 Gitee,自动触发服务器拉取最新代码。
- Gitee+Jenkins(适合多项目) 服务器装 Jenkins,创建 “流水线项目”。
配置 Gitee 仓库地址,加 “构建触发器”。
写个简单脚本,让 Jenkins 拉代码后自动更到网站目录。
优势是能管理多个项目,后续扩展方便。
- 腾讯云 EdgeOne:Pages 服务(最省心) 不用自己折腾服务器环境!直接连 Gitee 仓库。
选 “静态网站”,填仓库地址和分支。
开启 “自动部署”,改完文章推仓库就自动更新。
缺点是自定义配置少,适合纯展示型博客。
🆚 手动 vs 自动怎么选?
刚入门:先手动!搞懂文件怎么到服务器,后续排错更顺。
频繁更文:选自动!Gitee+Webhook 性价比最高,配置一次管很久。
怕麻烦:直接上腾讯云 EdgeOne:Pages(非广告,别的网站托管工具也可以),5 分钟就能上线。
✨ 后续优化小技巧
绑个域名:阿里云买域名,解析到服务器 IP,不用记一串数字。
开 HTTPS:服务器装个 Let's Encrypt 免费证书,地址栏显小绿锁。
定期备份:把 Gitee 仓库设成私有,再定期导出博客内容。
版权所有
版权归属:wgz1995