向<head>添加动态内容 - AMP - 有任何建议吗？

支持
3

我使用了：

<script type="text/discourse-plugin" version="0.8">
    api.onPageChange((url, title) => {
        var res = url.match(/\/t\/(.*?)\/(\w+)/);
        if (res && res[2] > 0) {
            var amp = 'domain/amp/t/'+res[2];
            if (document.getElementById("amphtml")) document.getElementById("amphtml").href = amp;
            else{
                var link=document.createElement('link');
                link.id='amphtml';
                link.rel='amphtml';
                link.href=amp;
                document.getElementsByTagName('head')[0].appendChild(link);
            }
        }
    });
</script>

但查看源代码时并未出现，仅在 JavaScript 执行后才显示。
那么如何从一开始就进行渲染呢？

2020-03-13

我尝试通过向站点地图添加 <xhtml:link rel="amphtml" href="" /> 来修改
演示：GitHub - bcat95/discourse-sitemap: Generate XML sitemap for your Discourse forum. · GitHub

2020-03-14

成功了，Google 开始索引 AMP 页面