谷歌 AMP 放大器

GitHub 作为非常受欢迎的开发人员，向网页添加 gist 变得非常流行，通过使用amp-gist 组件将 gist 添加到 AMP HTML 中。

所需脚本：将 amp-gist 组件导入到标头中。

属性：

• data-gistid：要嵌入到页面中的 gist 的 ID。
• 高度：要点的高度。
• data-file：只显示一个 gist 文件。

例子：

HTML

  

    
  
    Google AMP amp-gist
      
    
      
    
      
    
    
      
    
    
    
  
    
        body {
            -webkit-animation: -amp-start 8s 
                steps(1, end) 0s 1 normal both;
  
            -moz-animation: -amp-start 8s 
                steps(1, end) 0s 1 normal both;
  
            -ms-animation: -amp-start 8s 
                steps(1, end) 0s 1 normal both;
  
            animation: -amp-start 8s 
                steps(1, end) 0s 1 normal both;
        }
  
        @-webkit-keyframes -amp-start {
            from {
                visibility: hidden
            }
  
            to {
                visibility: visible
            }
        }
  
        @-moz-keyframes -amp-start {
            from {
                visibility: hidden
            }
  
            to {
                visibility: visible
            }
        }
  
        @-ms-keyframes -amp-start {
            from {
                visibility: hidden
            }
  
            to {
                visibility: visible
            }
        }
  
        @-o-keyframes -amp-start {
            from {
                visibility: hidden
            }
  
            to {
                visibility: visible
            }
        }
  
        @keyframes -amp-start {
            from {
                visibility: hidden
            }
  
            to {
                visibility: visible
            }
        }
    
  
    
        
            body {
                -webkit-animation: none;
                -moz-animation: none;
                -ms-animation: none;
                animation: none
            }
        
    
  
    
        amp-gist {
            margin: 1rem;
        }
    
  

  

  
    
    
    
  
    
    
    

  

输出：