0

有没有一种聪明的方法可以在 Tumblr 帖子上进行顺序编号?我想出了一种添加 JavaScript 的方法,方法是在头部创建一个全局变量 (weekNum=0;),然后在相关部分添加:

<script type="text/javascript">
w= "<h3>Week " + (weekNum+1) + "</h3>";
weekNum++;
document.write(w);
</script>

这就像一个魅力,除了因为帖子是从最新到最旧生成的,编号是倒着的。我正在寻找一种将我的帖子编号为“第 1 周”、“第 2 周”等的方法。

提前谢谢各位比我聪明的人...

4

1 回答 1

0

您可以编辑您的主题,以便您的所有帖子都在一个编号列表中,即:

<ol id="posts">
        {block:Posts}{block:Text}
                <li class="post text">
                    {block:Title}
                        <h3><a href="{Permalink}">{Title}</a></h3>
                    {/block:Title}{Body}
                </li>
            {/block:Text}{block:Photo}
                <li class="post photo">
                    <img src="{PhotoURL-500}" alt="{PhotoAlt}"/>

                    {block:Caption}
                        <div class="caption">{Caption}</div>
                    {/block:Caption}
                </li>
            {/block:Photo}{block:Panorama}
                <li class="post panorama">
                    {LinkOpenTag}
                        <img src="{PhotoURL-Panorama}" alt="{PhotoAlt}"/>
                    {LinkCloseTag}{block:Caption}
                        <div class="caption">{Caption}</div>
                    {/block:Caption}
                </li>
            {/block:Panorama}{block:Photoset}
                <li class="post photoset">
                    {Photoset-500}{block:Caption}
                        <div class="caption">{Caption}</div>
                    {/block:Caption}
                </li>
            {/block:Photoset}{block:Quote}
                <li class="post quote">
                    "{Quote}"

                    {block:Source}
                        <div class="source">{Source}</div>
                    {/block:Source}
                </li>
            {/block:Quote}{block:Link}
                <li class="post link">
                    <a href="{URL}" class="link" {Target}>{Name}</a>

                    {block:Description}
                        <div class="description">{Description}</div>
                    {/block:Description}
                </li>
            {/block:Link}{block:Chat}
                <li class="post chat">
                    {block:Title}
                        <h3><a href="{Permalink}">{Title}</a></h3>
                    {/block:Title}

                    <ul class="chat">
                        {block:Lines}
                            <li class="{Alt} user_{UserNumber}">
                                {block:Label}
                                    <span class="label">{Label}</span>
                                {/block:Label}{Line}
                            </li>
                        {/block:Lines}
                    </ul>
                </li>
            {/block:Chat}{block:Video}
                <li class="post video">
                    {Video-500}{block:Caption}
                        <div class="caption">{Caption}</div>
                    {/block:Caption}
                </li>
            {/block:Video}{block:Audio}
                <li class="post audio">
                    {AudioPlayerBlack}{block:Caption}
                        <div class="caption">{Caption}</div>
                    {/block:Caption}
                </li>
            {/block:Audio}{/block:Posts}
</ol>
于 2014-01-02T03:48:48.773 回答