Typecho 导航主题ITEM

admin

2024-9-5

域名与建站网络素材

项目说明

在编程语言中，"item" 这个单词常用来代表一个元素、一个选项

希望这个主题能够承载更多的 "item"，链接每一个选项~

快速开始

这是一个 Typecho 主题，因此你必须要先安装 Typecho 才能使用它，同时还需要满足以下条件:

php 7.4+

MySQL 8+

安装使用

获取主题文件,将主题文件重名为 ITEM 并移动至 Typecho 根目录usr/themes 文件夹中

在 Typecho 管理面板中选择更换外观并启用主题

配置说明

1.文章配置

文章类型为网址导航时，点击图标前往详情，点击其他位置直接跳转至对应url；文章类型为普通文章时，代表站内文章，点击会前往文章页，所以普通文章无需跳转链接

2.分类配置

分类略缩名表示对应图标名称，可用图标可在 FontAwesome 5 图标库中浏览；

(例: FontAwesome 图标类名为那么对应略缩名应为 vihara)

3.搜索引擎配置

配置格式为 JSON，其中 icon 为 FontAwesome 5 图标，需要使用完整类名。示例如下：

[
  {
    "name": "谷歌",
    "url": "https://www.google.com/search?q=",
    "icon": "fab fa-google"
  },
  {
    "name": "Github",
    "url": "https://github.com/search?q=",
    "icon": "fab fa-github"
  }
]

工具直达配置

配置格式为 JSON，结构类似搜索引擎配置，增加了 background 控制背景色，填写 css 格式的颜色值即可。示例如下：

[
  {
    "name": "热榜速览",
    "url": "https://www.hsmy.fun",
    "icon": "fas fa-fire",
    "background": "linear-gradient(45deg, #97b3ff, #2f66ff)"
  },
  {
    "name": "地图",
    "url": "https://ditu.amap.com/",
    "icon": "fas fa-fire",
    "background": "red"
  },
  {
    "name": "微信文件助手",
    "url": "https://filehelper.weixin.qq.com",
    "icon": "fab fa-weixin",
    "background": "#1ba784"
  }
]

在线演示：https://item.ink/

开源地址：点击直达

Ps：本帖转自于洛丽糖luolt.cn https://9c.lv/thread-2325.htm

阅读剩余

作者：admin

链接：http://999.zuizhuai.cn/?p=6932

文章版权归作者所有，未经允许请勿转载。

THE END

配置WordPress:在footer/页脚添加ICP备案许可证号

<<上一篇

typecho （team）一款个人主页工作室主题模板

下一篇>>