ITEM - 网址导航类Typecho 主题

📱typecho主题 · 19 天前
ITEM - 网址导航类Typecho 主题

这是一款网址导航类的主题,可以用来做网址导航,工具收纳,个人向收藏,页面简洁大方,UI图标适配完美

在编程语言中,"item" 这个单词常用来代表一个元素、一个选项
所以我们以此来命名这个网址导航主题,希望它能够承载更多的 "item",链接每一个选项~

ITEM - 网址导航类Typecho 主题

主题使用

文章

在本主题中,将文章分为以下 3 类

  • 网址导航(默认):点击图标前往文章详情页,点击其他位置直接跳转至对应 url
  • 站内文章:顾名思义,与网址导航对应,点击会直接前往文章详情页
  • 微信小程序:作为网址导航的分支,点击会直接前往文章详情页

分类

分类略缩名表示对应图标名称,可用图标可在 FontAwesome 5 图标库中浏览;
(例: FontAwesome 图标类名为 <i class="fas fa-vihara"></i> 那么对应略缩名应为 vihara)

搜索引擎

配置格式为 JSON,其中 icon 为 FontAwesome 5 图标, 需要使用 完整类名。 示例如下:
(站内搜索 url 请指向站点 /search/ 路径)

[
    {
        "name": "站内",
        "url": "/search/",
        "icon": "fas fa-search-location"
    },
    {
        "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"
  }
]

时间线

请在后台 管理 > 独立页面 > 新增,将其模板设置为 目录/时间线,文章类型设置为 站内文章

主题上传

页面最下方下载压缩包
将解压后的主题文件重名为 ITEM 并移动至 Typecho 根目录usr/themes 文件夹中
在 Typecho 管理面板中选择更换外观并启用主题

主题下载

🔒 此内容需要密码访问
请扫描下方二维码,在小程序中获取密码
小程序二维码
内容识别码:74@D53

typecho主题
Theme Jasmine by Kent Liao 服务监控