使用阿里云云开发平台十分钟快速托管静态博客_阿里代码托管平台挂网页

 活动地址：阿里云-云开发平台https://workbench.aliyun.com/app?recordId=2451851

任务要求：一键部署任意一个前端应用

云开发平台：阿里云-云开发平台https://workbench.aliyun.com/

首先先登录云开发平台并签署协议。

1、创建应用

1.1、选择应用框架

打开活动界面，往下翻，有一个应用列表模块，选择任意模块框架，点击创建应用。

1.2、绑定GitHub仓库

接着会提示未绑定GitHub仓库，我们点击去绑定，登录绑定账户并授权。然后点击这个绿色按钮（允许云开发平台构建、发布你的GitHub代码为可访问的网站）。

1.3、填写基本信息

按照以下格式选择，代码仓库，选择模板仓库，第二个是你选择的框架，主干分支默认即可。

填写或使用应用默认信息，首次登录并没有可选所属生产线，可以点击右侧自动创建产品线即可。

2、部署日常环境

2.1、日常部署

这里我们单击部署按钮即可，然后点击立即部署。

2.2、查看效果

在部署完成后，部署状态变成绿色已部署之后即可点击访问部署网站查看效果。点击访问已部署网站按钮会出现一个弹出，点击弹出上的立即访问就能够访问已经部署好的站点了。在部署完成后，可以继续本地编码，并将代码push到应用的“基本信息”中对应的代码仓库内。

3、部署线上环境

3.1、自定义域名

在线上环境的「部署配置」-「自定义域名」中填写自己的域名。然后复制自定义域名下方的API网关地址对添加的二级域名进行CNAME配置。

3.2、域名解析

复制好 API网关域名地址后，来到你自己的域名管理平台（此示例中的域名管理是阿里云的域名管理控制台，请去自己的域名控制台操作）。记录类型CNAME，主机记录输入你要创建的二级域名，这里我输入yan，在记录值中粘贴我们之前复制的API网关域名地址，TTL保留默认值即可。

3.3、线上部署

3.3.1、选择分支

单击线上环境的分支管理，如果没有可以新建一个分支，如下图所示，接着选择我们的分支，点击确定。

3.4、线上部署

这里我们还是单击部署按钮即可，然后点击立即部署。接着就会出现部署中的字样。这个过程可能稍微长一点，稍等几分钟即可。

3.5、线上部署完成 

线上环境部署完成之后，可以使用自定义的域名进行访问。

 4、更新网站

将模板内容更换为自己已经写好的前端页面。（需要使用到Git工具！）

4.1、配制github

打开Git在命令行中操作，如已配制github下面可跳过。

git config --global user.name “XXXX” ---- 用户名标识

git config --global user.email “xxxx@xxx.com” -------邮箱标识

创建SSH Key命令：ssh-keygen -t rsa（保存在C:\Users\Administrator\.ssh目录）

进入github右上角你账号的头像选择settings，按顺序点击创建。

 

进入到你的项目下面，右键git，进入到git bash here的界面，然后使用命令：git remote，看是否有远程仓库源。

如果提示错误为下面这个则需要重新git init一下（直接输入git init回车，然后再试）。

报错：fatal: not a git repository (or any of the parent directories): .git

没有任何显示就是没有仓库信息，然后开始创建仓库。

git remote add origin git@github.com:你的Github账号/docusaurus.git

例如我的是：git remote add origin git@github.com:yonghengyun/docusaurus.git
yonghengyun是我的github账号，docusaurus是我的仓库

4.2、上传源码

把本地源码推送到github仓库。

提取远程仓库（从远程仓库下载新分支与数据）：git fetch

从远端仓库提取数据并尝试合并到当前分支：git merge

然后我们在本地更新修改上传源码

4.3、推送仓库

推送你的新分支与数据到某个远端仓库命令：git push [alias] [branch]

添加当前目录的所有文件到暂存区：git add .

提交到暂存区：git commit -m "添加到远程"

推送到Github：git push origin master

4.4、重新部署

按照第3步重新部署一下应用，然后访问域名即可看到效果。

5、完结

完成之后你可以下线不必要的应用，云开发平台使用免费，但是对于需要消耗的OSS云资源是收费的，网站上线会根据实际消耗量开始按量计费，对于不需要的应用和网站，请点击「日常环境」和「线上环境」页面最右方的「下线」操作。