在Azure的云服务器上搭建个人网站

1、创建资源,选择web应用

在Azure的云服务器上搭建个人网站_第1张图片

2、应用名称随便写,固定到仪表板,点击创建

在Azure的云服务器上搭建个人网站_第2张图片

3、部署后点击进入

在Azure的云服务器上搭建个人网站_第3张图片

4、刚进入没有用户名,需要点击部署凭据建立。

URL,FTPS主机名,FTP部署用户名要记住,后面要用

在Azure的云服务器上搭建个人网站_第4张图片

5、部署凭据:

在Azure的云服务器上搭建个人网站_第5张图片

6、复制FTPS主机名,点开桌面“我的电脑”,Ctrl+v输入FTPS主机名

刚进入时需要部署用户名账户和密码,进入site,wwwroot文件夹下,

接下来就是想办法将网页文件传输到wwwroot目录下,这里我用的是DW

在Azure的云服务器上搭建个人网站_第6张图片

7、打开DW,文件打开,选择网页所在文件夹,选择index.html打开

在Azure的云服务器上搭建个人网站_第7张图片

8、可以看到代码,也可以试图显示,这里我们需要新建一个站点

在Azure的云服务器上搭建个人网站_第8张图片

9、如果已经建好,直接点管理站点即可,没建过就点新建站点

在Azure的云服务器上搭建个人网站_第9张图片

10、图中的rj_blog是已经建好的站点,新建站点进入点击箭头所指新建站点

在Azure的云服务器上搭建个人网站_第10张图片

11、站点名称随便取,本地站点文件夹选择网页文件所在文件夹

在Azure的云服务器上搭建个人网站_第11张图片

12、管理站点进入后,点击箭头所指的+号

在Azure的云服务器上搭建个人网站_第12张图片

13、

服务器名称:随便取

FTP地址:仪表盘查看复制

FTP地址:仪表板查看复制

用户名:仪表盘查看复制

密码:部署凭据设置的密码

根目录:/site/wwwroot/

web URL:仪表板查看复制

在Azure的云服务器上搭建个人网站_第13张图片

14、点击测试连接一下服务器,连接成功后保存

在Azure的云服务器上搭建个人网站_第14张图片

15、接下来就是上传网页文件资料了,点击站点,选择上传

在Azure的云服务器上搭建个人网站_第15张图片

16、最后效果图如下

在Azure的云服务器上搭建个人网站_第16张图片

有些图片打不开,发现这些图片的名字都是汉字的,所以需要改一下,

不过所幸的是个人网站算是搭建好了....

你可能感兴趣的:(在Azure的云服务器上搭建个人网站)