Typecho文章底部页面添加文章上下篇按钮 - 橙子海

在 typecho 文章的世界里，上下篇文章是紧密相连的关键环节。

文章上下篇代码

    <!-- 文章上下篇开始 -->  
<div style="display: flex;justify-content: space-between;">
<p><?php $this->thePrev('上一篇 : %s', '没有上一篇了'); ?></p>
<p><?php $this->theNext('下一篇 : %s', '没有下一篇了'); ?></p>
</div>
    <!-- 文章上下篇结束 -->

使用教程，例如本主题示范说明：
在主题内的post.php里，代码示例：

<?php if (!defined("__TYPECHO_ROOT_DIR__")) {
  exit();
} ?>
<!DOCTYPE html>
<html lang="zh">
<?php $this->need("header.php"); ?>
<body class="jasmine-body" data-prismjs-copy="点击复制" data-prismjs-copy-error="按Ctrl+C复制" data-prismjs-copy-success="内容已复制！">
<div class="jasmine-container grid grid-cols-12">
    <?php $this->need("component/sidebar-left.php"); ?>
        <div class="flex col-span-12 lg:col-span-8 flex-col lg:border-x-2 border-stone-100 dark:border-neutral-600 lg:pt-0 lg:px-6 pb-10 px-3">
            <?php $this->need("component/menu.php"); ?>
            <div class="flex flex-col gap-y-12">
                <div></div>
                <?php $this->need("component/post-title.php"); ?>
                <div class="markdown-body dark:!bg-[#161829] dark:!bg-[#0d1117] !text-neutral-900 dark:!text-gray-400" itemprop="articleBody">
                    <?php echo handleContent($this->content); ?>
                </div>
                <div class="flex flex-row gap-x-2 flex-wrap  gap-y-2" id="post-tag">
                    <?php $this->tags(" ", true, ""); ?>
                </div>
以上是顶部原先的代码

新插入：
                <div style="display: flex;justify-content: space-between;">
                <p><?php $this->thePrev('上一篇 : %s', '没有上一篇了'); ?></p>
                <p><?php $this->theNext('下一篇 : %s', '没有下一篇了'); ?></p>
                </div>

底下是原先代码里有的
                <div class="border-b-2 border-stone-100 dark:border-neutral-600"></div>
                <div>
                    <?php $this->need("comments.php"); ?>
                </div>
            </div>
        </div>
        <div class="hidden lg:col-span-3 lg:block" id="sidebar-right">
            <?php $this->need("component/sidebar.php"); ?>
        </div>
    </div>
    <?php $this->need("footer.php"); ?>
</body>
</html>

我在其中回车了一行插入代码然后保存刷新效果就会显示在评论上方一点点