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

标签 azure web static responsive

部署到 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/

相关文章:

java - 为什么编译器说接口(interface)中的公共(public)静态字段是 "final"尽管它不是

java - 如何在内部静态类中使用 Intent 启动 Activity ?

c# - Azure Durable Function Orchestration GetInput 不起作用

Azure 资源提供者注册

url - URL/Link 中的合法字符和非法字符是什么?

javascript - 为什么有些网页都是用javascript渲染的?

azure - SecretClient.GetSecret总是抛出400错误

.net - 为什么运行时需要 Microsoft.Threading.Tasks?

javascript - golang 模板中的 src 属性

java - 如何从静态上下文中引用二维数组?