Amp html 测试放大器页面时无法看到预览按钮

我已经创建了一个要测试的示例文章

结构化AMP码

<script type="application/ld+json">
        {
        "@context": "http://schema.org",
        "@type": "NewsArticle",
        "mainEntityOfPage": {
        "@type": "WebPage",
        "@id": "https://www.c-sharpcorner.com/article/creating-web-api-using-code-first-approach-in-entity-framework/"
        },
        "headline": "Creating Web API Using Code-First Approach In Entity Framework",
        "image": {
        "@type": "ImageObject",
        "url": "https://jitangupta.github.io/amp/helpful-images/aritcle-entity-framework.gif",
        "height": 800,
        "width": 800
        },
        "datePublished": "2017-05-16T08:00:00+08:00",
        "dateModified": "2015-05-16T09:20:00+08:00",
        "author": {
        "@type": "Person",
        "name": "Jitan Gupta"
        },
        "publisher": {
        "@type": "Organization",
        "name": "csharpcorner",
        "logo": {
        "@type": "ImageObject",
        "url": "https://csharpcorner-mindcrackerinc.netdna-ssl.com/App_Themes/CSharp/Images/SiteLogo.png",
        "width": 600,
        "height": 60
        }
        },
        "description": "In this article, we will create a database with a foreign key constraint (one to many relationship), using Code First technique in an Entity Framework, seed some sample data and return the data, using the Web API."
        }
</script>

但是在测试的时候

我无法查看预览按钮以查看实时结果

GitHub回购：

---

!

我认为问题在于您的页面不是有效的AMP页面。 您可以使用验证器对其进行验证：

为了预览您的页面，您应该使用以下选项：

---

一旦您的页面有效，将显示此预览选项。

看起来，根据@type属性，会有不同的输出。 使用@type:Recipe，您将能够预览，而使用其他类似产品、新闻文章，则没有预览选项。

---

阅读此处的第二点提示：

请在问题中包含代码的相关部分，而不是截图和链接。感谢您的建议，我已更新了相关部分。我同意您的意见，我的页面不是有效的amp页面，但[amp]www.ampproject.org提供了一个也不是有效的amp页面，但在测试时，它有预览按钮。谢谢，它在更改@type:Recipe后工作，现在显示预览选项。