之前使用Docsify+ServerlessFramework快速搭建??个人博客系统。docsify虽然也是基于Vue的，但是完全是运行时驱动的，所以对SEO并不友好。所以这次尝试使用VuePress搭建静态网站，还是部署在Serverless架构上。简介：VuePress：由两部分组成，第一部分是一个极简的静态网站生成器；另一部分是为编写技术文档而优化的默认主题。VuePress生成的每个页面都带有预渲染的HTML，因此它具有非常好的加载性能和搜索引擎优化（SEO）。同时，一旦页面加载完毕，Vue就会接管静态内容，将其转化为一个完整的单页应用程序（SPA），其他页面只会在用户浏览到它时才按需加载。ServerlessFramework：在GitHub上拥有30000颗star，是业界非常流行的serverless应用框架。开发者无需关心底层资源，即可部署完整可用的Serverless应用架构。接下来我们分三步进行：创建项目→配置yml文件→部署▎工具准备首先确保系统包含以下环境：Node.js（Node.js版本至少要8.6，推荐10.0及以上版本）Git1。安装ServerlessFramework$npminstall-gserverless2。安装docsify$npminstall-gvuepress▎Createproject#创建项目目录mkdirvuepress-starter&&cdvuepress-starter#创建一个新的markdown文件echo'#HelloVuePress!'>README.md#开始编写vuepressdev.#构建静态文件vuepressbuild.此时可以在./vuepress-starter目录下看到创建的README.md文档，会渲染为首页内容，直接编辑docsify/README.md内容即可更新网站。此时通过浏览器访问http://localhost:8080/即可在本地预览。▎配置yml文件在项目目录下创建serverless.yml文件：$touchserverless.yml在上面的yml文件中写入以下内容：#serverless.ymlmyvuepress:component:"@serverless/tencent-website"inputs:code:src:./dist#上传静态文件index:index.htmlerror:404.htmlregion:ap-guangzhoubucketName:my-bucket配置完成后文件目录如下：/vuepress-starter├──.新闻|├──分布||├──404.html||└──index.html|└──serverless.yml└──README.md▎Deployment通过serverless命令部署（可以使用命令缩写sls），添加--debug参数查看部署详情：$sls--debug如果你的账号没有登录或注册使用腾讯云，可以直接通过微信扫描命令行中的二维码，进行授权登录注册。这也是我觉得特别方便的地方！部署过程中，终端显示信息：$sls(这里有二维码)请微信扫码登录。等待登录...腾讯云登录成功。myvuepress：网址：http://my-bucket-1256526400。cos-website.ap-guangzhou.myqcloud.comenv:59s?myvuepress?done访问命令行输出的url，可以查看使用ServerlessFramework部署的VuePress网站~▎总结部署过程中要注意，因为VuePress生成的index.html所在目录默认是隐藏的，所以必须在正确的目录层次中创建serverless.yml文件，否则会部署失败。这次我还是使用腾讯云ServerlessFramework作为网站部署的工具，因为实在是太方便了。部署过程不到一分钟，无需考虑如何在云端配置资源！??传送门：GitHub：github.com/serverless官网：serverless.com欢迎访问：Serverless中文网，在最佳实践中体验更多Serverless应用开发！
