如何使用 Visual Studio 2017 为 Azure 创建响应式静态网站？

Question

将静态网站部署到 Azure 的主要优势是成本低廉（几乎免费）和免费的 SSL。

参考 Scott Hanselman 的这段视频： A Static Website as cheaply as possible with Azure Storage

使用上面的视频作为指导，我已经在 Azure 上发布了一个小小的 Hello World 页面 (index.html)，它运行良好，并且带有免费的 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，我要创建哪种类型的项目，才能以最简单的方式满足这三个要求？

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

Answer 1

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

MVC 是一种很好的模式，可以确保将逻辑分离为模型、视图和控制器。

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

它满足您的前 2 个要求：

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

第二次实现导航也很简单，可以在post找到一个例子：

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

可以在here找到使用引导程序构建响应式网站的精彩教程