簡體   English   中英

如何使用 Blogger 語法將帖子信息添加到腳本標簽?

[英]How do I add post information to script tags with Blogger syntax?

我的目標是創建一個博客小部件,將以下 JS 添加到每個帖子頁面(只是博客帖子,而不是頁面):

  <script type='text/javascript'>
    post_info = { 
        title: 'My Blog Post',                                              
        labels: 'this, that',                                              
        pub: '2011-07-05 18:15:52',
        url: 'http://foo.blogger.com/2011/07/my-blog-post.html'
    };
   </script>

我在想我可以用下面的代碼做到這一點:

<b:includable id='post' var='post'>
<b:if cond='data:blog.pageType == &quot;item&quot;'>
  <script type='text/javascript'>
    post_info = {
      <b:if cond='data:post.title'>
        title: &quot;<data:post.title/>&quot;,
      </b:if>
      <b:if cond='data:post.postLabelsLabel'>
        labels: &quot;<data:post.postLabelsLabel/>&quot;,
      </b:if>
      <b:if cond='data:post.timestampLabel'>
        pub: &quot;<data:post.timestampLabel/>&quot;,
      </b:if>
      <b:if cond='data:post.url'>
        url: &quot;<data:post.url/>&quot;
      </b:if>
    };
  </script>
</b:if>
</b:includable>

我不僅不確定將代碼放在哪里(因為我遇到了一些關於未將內容放在序言中的奇怪錯誤),而且當我沒有收到這些錯誤時,我不會在“博客”字典中找到類似帖子錯誤。

我無法找到涵蓋添加此類內容的文檔,或者我是否需要使用 expr 或宏,或者在頁面上需要 go 的位置(什么容器等)。 任何幫助,將不勝感激。 謝謝。

您正在使用一些不存在的帖子屬性: 這是可用屬性的完整列表

這就是 JavaScript 的樣子:

<b:loop values='data:posts' var='post'>
    <b:if cond='data:blog.pageType == &quot;item&quot;'>
        <script type='text/javascript'>
            post_info = {
                title: &quot;<data:post.title/>&quot;,
                labels: [
                    <b:loop values='data:post.labels' var='label'>
                        &quot;<data:label.name/>&quot;
                        <b:if cond='data:label.isLast != &quot;true&quot;'>,</b:if>
                    </b:loop>
                ],
                pub: &quot;<data:post.timestamp/>&quot;,
                url: &quot;<data:post.url/>&quot;
            };
        </script>
    </b:if>
</b:loop>

最簡單的方法是將上面的代碼放在b:includable中, id='main'放在b:widget中, type='Blog'

我用來學習博客模板的一些第三方教程:

    <script type='text/javascript'>
        post_info = {
            title: &quot;<data:post.title/>&quot;,
            labels: [
                <b:loop values='data:post.labels' var='label'>
                    &quot;<data:label.name/>&quot;
                    <b:if cond='data:label.isLast != &quot;true&quot;'>,</b:if>
                </b:loop>
            ],
            pub: &quot;<data:post.timestamp/>&quot;,
            url: &quot;<data:post.url/>&quot;
        };
    </script>

暫無
暫無

聲明:本站的技術帖子網頁,遵循CC BY-SA 4.0協議,如果您需要轉載,請注明本站網址或者原文地址。任何問題請咨詢:yoyou2525@163.com.

 
粵ICP備18138465號  © 2020-2024 STACKOOM.COM