注:只适合handsome主题!

因为主题自带的友链独立页面不太合适

全站友链都要在二级页面打开

而且一些细节不太喜欢

于是便有了改造一下的想法

Demo:本博客友链界面

代码

<?php
/**
 * 友链独立页
 *
 * @package custom
 */
/**
 * Build:@HackRicken
 *
 * 本独立界面代码基于handsome原生友链
 * 仅仅做了样式上的修改,感谢原作者
 */
?>
<?php if (!defined('__TYPECHO_ROOT_DIR__')) exit; ?>
<?php $this->need('component/header.php'); ?>

<!-- aside -->
<?php $this->need('component/aside.php'); ?>
<!-- / aside -->

<!-- <div id="content" class="app-content"> -->
<a class="off-screen-toggle hide"></a>
<main class="app-content-body <?php echo Content::returnPageAnimateClass($this); ?>">
    <div class="hbox hbox-auto-xs hbox-auto-sm">
        <!--文章-->
        <div class="col center-part">
            <!--标题下的一排功能信息图标:作者/时间/浏览次数/评论数/分类-->
            <?php echo Content::exportPostPageHeader($this,$this->user->hasLogin(),true); ?>
            <div class="wrapper-md" id="post-panel">
                <?php Content::BreadcrumbNavigation($this, $this->options->rootUrl); ?>
                <!--博客文章样式 begin with .blog-post-->
                <div class="tab-container post_tab">
                    <ul class="nav no-padder b-b">

                        <li class="nav-item active"><a class="nav-link" href data-toggle="tab" data-target="#my-info"><?php _me("全站链接") ?></a></li>
                        <li class="nav-item"><a class="nav-link" href data-toggle="tab" data-target="#tab_2"><?php _me("内页链接") ?></a></li>
                        <li class="nav-item"><a class="nav-link" href data-toggle="tab" data-target="#tab_3"><?php _me("推荐链接") ?></a></li>
                    </ul>
                    <div class="tab-content">
                        <!-- list -->
                        <div id="my-info" class="tab-pane fade in active">
                            <?php echo Content::returnLinkList("ten"); ?>
                        </div>

                        <?php echo Content::returnLinkList("one","tab_2"); ?>
                        <?php echo Content::returnLinkList("good","tab_3"); ?>
                        <div class="wrapper ng-binding" id="post-content">
                            <?php Content::postContentHtml($this,$this->user->hasLogin()); ?>
                        </div>
                    </div>
                    <!--评论-->
                    <div class="bg-white wrapper border-radius-6">
                        <?php $this->need('component/comments.php') ?>
                    </div>
                </div>
            </div>
        </div>
        <!--文章右侧边栏开始-->
        <?php $this->need('component/sidebar.php'); ?>
        <!--文章右侧边栏结束-->
    </div>
</main>

<!-- footer -->
<?php $this->need('component/footer.php'); ?>
<!-- / footer -->

使用教程

在Handsome主题目录下新建Friends.php文件

把代码粘贴进去

然后新建独立界面

然后自定义模板选择友链独立页

直接保存即可

END
本文作者:
文章标题:Typecho友链独立页面
本文地址:https://kk.hackerjk.top/tip/74.html
版权说明:若无注明,本文皆由小陈的小角落原创,转载请保留文章出处。
最后修改:2021 年 10 月 13 日 11 : 04 PM
要不?请我吃一下沙县连锁大酒店?