朱某的生活印记 - 插件 2025-06-21T23:00:00+08:00 Typecho https://blog.zhuxu.asia/feed/atom/tag/%E6%8F%92%E4%BB%B6/ <![CDATA[Typecho友情链接插件]]> https://blog.zhuxu.asia/archives/130/ 2025-06-21T23:00:00+08:00 2025-06-21T23:00:00+08:00 不语 https://zhuxu.asia/ Typecho友情链接插件

介绍

Typecho友情链接插件

功能描述

友情链接插件可以支持以下功能:

  • 1、自建独立数据表,干净无上限的添加友情链接信息。
  • 2、支持两种输出方式:函数方式,用于主题模板侧边栏等嵌入位置显示;HTML标签方式,用于独立页面等编辑内容显示。
  • 3、三种输出模式:文字友链、图片友链、图文混合友链等。内设三种默认输出规则,支持自定议设定输出规则。
  • 4、管理面板:支持友链的分类,拖拽排序以及友链启用禁用等
  • 5、支持友链邮箱解析头像链接(数字QQ邮箱自动优先解析无QQ号头像链接,其次有QQ号链接。其他邮箱解析Gravatar头像),方便用户添加无图片的友链。
  • 6、支持增加自定义字段,方便用户做一些个性扩展。

详细使用教程

一、安装插件

  1. 下载插件:访问 GitHub 仓库,下载插件的最新版本压缩包。
  2. 上传插件:使用 FTP 工具或者文件管理器,将下载好的压缩包上传至 Typecho 网站根目录下的 /usr/plugins/ 目录。
  3. 解压插件:在 /usr/plugins/ 目录下解压上传的压缩包,确保解压后的文件夹名称为 Links

二、启用插件

  1. 登录后台:打开浏览器,访问你的 Typecho 网站后台,输入用户名和密码登录。
  2. 进入插件管理页面:在后台管理界面,点击左侧菜单栏的「控制台」,然后选择「插件」。
  3. 启用插件:在插件列表中找到「Links」插件,点击「启用」按钮。启用成功后,插件会自动创建独立的数据表。

三、添加友情链接

  1. 进入友链管理面板:启用插件后,在后台左侧菜单栏会出现「友情链接」选项,点击进入友链管理面板。
  2. 添加新友链:在友链管理面板中,点击「添加新链接」按钮,进入添加页面。
  3. 填写友链信息

    • 名称:填写友情链接的网站名称。
    • 链接:填写友情链接的网站 URL。
    • 描述:填写对该网站的简要描述。
    • 邮箱:填写网站管理员的邮箱,用于解析头像链接。如果是数字 QQ 邮箱,会优先解析无 QQ 号头像链接,其次是有 QQ 号链接;其他邮箱会解析 Gravatar 头像。
    • 头像:可以手动上传网站的头像图片,也可以留空让插件自动根据邮箱解析。
    • 分类:选择友情链接所属的分类,如果没有合适的分类,可以先创建新分类。
    • 状态:选择友链的状态,启用状态下的友链会在前台显示,禁用状态则不会显示。
    • 排序:可以通过拖拽的方式调整友链的显示顺序。
    • 自定义字段:如果有需要,可以添加自定义字段,用于实现个性扩展。
  4. 保存友链:填写完所有信息后,点击「保存」按钮,新的友情链接就添加成功了。
  5. 管理友情链接

    • 编辑友链:在友链管理面板中,找到需要编辑的友链,点击「编辑」按钮,进入编辑页面修改友链信息,修改完成后点击「保存」按钮。
    • 删除友链:在友链管理面板中,找到需要删除的友链,点击「删除」按钮,在弹出的确认对话框中点击「确定」即可删除该友链。
    • 分类管理:点击友链管理面板中的「分类管理」选项卡,可以创建、编辑和删除友链分类。

四、输出友情链接

在主题模板文件(如 friends.php)中,找到需要显示友情链接的位置,添加以下代码:

<?php echo processContent($this->content, $this->title); ?>
  <div class="friend-container">
    <?php if (isset($this->options->plugins['activated']['Links'])) : ?>
      <?php
        Links_Plugin::output('
          <a class="friend-card" href="{url}" title="{title}" target="_blank" rel="noopener">
            <img class="friend-avatar" data-src="{image}" alt="{name}" width="{size}" height="{size}">
            <div class="friend-info">
              <p class="friend-name">{name}</p>
              <p class="friend-description">
                <span class="cjk-latin-custom-space">{description}</span>
              </p>
            </div>
         </a>
       ', 0);
       ?>
      <?php endif; ?>
   </div>

版权所属

]]>