gpt4 book ai didi

azure - 如何使用 Visual Studio 2017 创建 Azure 响应式静态网站?

转载 作者:行者123 更新时间:2023-12-02 07:23:34 24 4
gpt4 key购买 nike

部署到 Azure 的静态网站的主要优点是成本低廉(几乎免费)和免费的 SSL。

引用 Scott Hanselman 的这段视频: A Static Website as cheaply as possible with Azure Storage

使用上面的视频作为指导,我已经将一个小 Hello World 页面 (index.html) 发布到 Azure,它运行良好,并且附带免费的 SSL。我的小型单页网站是 Azure blob,如下所示:

<!DOCTYPE html>
<html lang="en" xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta charset="utf-8" />
<title>Test</title>
</head>
<body>
<h1>Hello World</h1>
</body>
</html>

现在我需要为 Azure 制作一个小型(但真实的)静态网站,满足这 3 个要求:

  1. 多页
  2. 一种在页面之间导航的简单方法,可能使用选项卡。
  3. 响应桌面设备/平板电脑/移动设备

我的问题是这样的:
使用 Visual Studio 2017,我要创建什么类型的项目才能以最简单的方式满足这三个要求?

任何想法将不胜感激。澄清一下:静态网站不使用数据库,也不使用任何服务器端代码。

最佳答案

我能想到的最简单的方法是通过 Visual Studio 创建 MVC 项目。

MVC 是一种很好的模式,可确保将逻辑分离为模型、 View 和 Controller 。

可以找到设置 MVC 环境的教程 here :

它满足您的前两个要求:

您可以轻松创建代表网页的 View 。该文档可以在第一个链接中找到。

其次,实现导航也很容易,可以在 post 中找到一个示例。 :

对于您的最后一个要求,我建议您在 Bootstrap 的帮助下构建 View ,Bootstrap 是一个针对 HTML、CSS 和 JavaScript 的开源工具包。它使创建响应式(Reactive)网站变得容易,并且可以轻松地合并到您的 MVC 项目中。可以找到在 MVC 项目中实现 Bootstrap 的教程 here

可以找到使用 bootstrap 构建响应式网站的精彩教程 here

关于azure - 如何使用 Visual Studio 2017 创建 Azure 响应式静态网站?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/60170898/

24 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com