基于函数计算快速搭建Vuepress博客
1. 开通函数计算服务
在使用函数计算前，您需要开通函数计算服务。
说明 ：
本场景中提供的阿里云子账号无函数计算服务操作权限，所以请使用您自己的阿里云账号操作。您无需担心扣费问题，因为函数计算服务有一定的免费额度，请参见计费方式。
使用您自己的阿里云账号登录阿里云控制台，然后进入函数计算详情页。
单击免费开通。
阅读《函数计算服务协议》勾选同意服务协议，最后单击立即开通。
看到如下页面表示开通成功。
2. 开通CDN服务
在使用CDN服务前，您需要开通CDN服务。
说明 :
本场景中提供的阿里云子账号无CDN服务操作权限，所以请使用您自己的阿里云账号操作。CDN具体计费说明请参见计费方式。
- 使用您自己的阿里云账号登录阿里云控制台，然后进入CDN服务详情页 。
- 单击立即开通。
- 阅读《内容分发网络CDN服务协议》勾选同意服务协议，最后单击立即开通。
- 看到如下页面表示开通成功。
3. 创建资源
- 在页面中间，单击创建资源，创建所需资源。
- 在页面左侧导航栏中，单击云产品资源列表，查看本次实验资源相关信息。
说明 :
资源创建过程需要1~3分钟。完成实验资源的创建后，您可以在云产品资源列表查看已创建的资源信息，例如：IP地址、用户名和密码等。
4. 安装Serverless Devs命令行工具
- 安装Node.js环境。
- 执行如下命令，下载Node.js安装包。
wget https://npm.taobao.org/mirrors/node/v12.4.0/node-v12.4.0-linux-x64.tar.xz
- 执行如下命令，解压安装包并重命名。
tar -xvf node-v12.4.0-linux-x64.tar.xz && mv node-v12.4.0-linux-x64/ /usr/local/node
- 执行如下命令，配置环境变量。
echo "export PATH=$PATH:/usr/local/node/bin" >> /etc/profile source /etc/profile
- 执行如下命令，安装Serverless-Devs工具。
npm install @serverless-devs/s -g
返回结果如下，表示安装完成。
说明 :
如果安装过程较慢，可以使用淘宝npm源，安装命令为npm --registry=https://registry.npm.taobao.org install @serverless-devs/s -g。
- 执行如下命令，查看版本并检查安装是否正确。
s -v
返回结果如下，您可以看到Serverless-Devs工具的版本。
5. 配置阿里云账号信息
说明：
本场景提供免费的ECS服务器，但是使用的函数计算服务是开通在您账号下，以下配置信息也是需要配置AKID和AKSecret信息。
执行如下命令，配置账号信息。
s config add
然后根据提示填写以下信息。
云厂商：选择阿里云（alibaba）。
AccessKeyID和AccessKeySecret：请在安全信息管理页面查看您账号的AccessKey ID和AccessKey Secret。
如果您使用的是阿里云主账号，请在安全信息管理页面的安全提示弹框中单击继续使用AccessKey。
- 如果您使用的是阿里云RAM子用户，需要确保您的子用户拥有函数计算管理权限AliyunFCFullAccess，请参见为RAM用户授权。
如下图所示为您的AccessKey ID和AccessKey Secret。如果您的账号未使用过AccessKey，请单击右上角创建AccessKey。
配置成功后显示类似如下。
6. 搭建Vuepress博客项目
1. 执行以下命令，在当前路径初始化一个Vuepress项目。
s init devsapp/website-vuepress
a. 返回结果如下，输入项目文件名website-vuepress。
b. 安装依赖组件，输入yes按回车。
c. 输入OSS Bucket名称后按回车。
说明：阿里云OSS控制台中创建的Bucket名称，可在步骤三的云产品资源下拉列表的文件存储OSS中查看。
d. 选择默认凭据后按回车。
结果类似如下。
2. 将Vuepress项目部署到函数计算服务上。
a. 执行以下命令，进入项目所在目录。
cd website-vuepress
b. 执行以下命令，部署项目。
s deploy
结果类似如下。
3. 打开虚拟桌面浏览器，访问测试域名查看部署好的Vuepress博客系统。
4. 执行以下命令，安装Vuepress。
npm install -g vuepress
结果类似如下。
5. 执行以下命令，创建一个markdown文件。
echo '# Hello VuePress!' > README.md
结果类似如下。
6. 执行以下命令，开始写作。
vuepress dev .
结果类似如下。
7. 在虚拟桌面浏览器中访问http://<ip>:8080，可以看到所创建的文件。
接下来您可以添加一些主题和插件以丰富您的博客系统。
实验链接：https://developer.aliyun.com/adc/scenario/f19802ebbd3a43f98ba6c8d4e215c8d2
