Navigation Page Config Sample

config:nav-config-v2-sample.json

{
  "version": "2",
  "name": "sample",
  "description": "Powered by log-Z",
  "theme": {
    "subscribe": {
      "nav": "config:nav-theme-v2-preset.json"
    },
    "active": "nav.default"
  },
  "search": {
    "placeholder": "👴 来点什么？",
    "engine": {
      "active": ["baidu", "google", "bing", "qiuwenbaike", "wikipedia"]
    }
  },
  "favorites": {
    "iconPrefix": "image:wicon:",
    "groups": [{
      "name": "常用",
      "websites": [{
        "title": "哔哩哔哩",
        "subtitle": "bilibili.com",
        "icon": "bilibili.svg",
        "url": "https://www.bilibili.com/"
      }, {
        "title": "YouTube",
        "subtitle": "youtube.com",
        "icon": "youtube.svg",
        "iconOnDark": "youtube_on_dark.svg",
        "url": "https://www.youtube.com/"
      }]
    }, {
      "name": "学术",
      "websites": [{
        "title": "求闻百科",
        "subtitle": "www.qiuwenbaike.cn",
        "icon": "qiuwenbaike.svg",
        "url": "https://www.qiuwenbaike.cn/"
      }, {
        "title": "维基百科",
        "subtitle": "zh.wikipedia.org",
        "icon": "wikipedia.svg",
        "url": "https://zh.wikipedia.org/"
      }, {
        "title": "WolframAlpha",
        "subtitle": "wolframalpha.com",
        "icon": "wolframalpha.svg",
        "url": "https://www.wolframalpha.com/"
      }, {
        "title": "Z-Library",
        "subtitle": "zlibrary-global.se",
        "icon": "zlibrary_3.svg",
        "url": "https://zlibrary-global.se/"
      }]
    }]
  }
}

config:nav-config-v2-sample.yaml

# 1. 版本号V2
version: '2'
# 2. 配置名称
name: sample
# 3. 描述信息，将显示在网页最底部
description: Powered by log-Z

# 4. 主题配置
theme:
  # 4.1. 订阅集合
  subscribe:
    # 4.1.1. 订阅（订阅名: 地址），支持相对路径和绝对路径，这里演示相对路径
    nav: config:nav-theme-v2-preset.yaml
  # 4.2. 选择主题（订阅名.主题名）
  active: nav.default

# 5. 搜索配置
search:
  # 5.1. 搜索框提示文字
  placeholder: 👴 来点什么？
  # 5.2. 搜索引擎配置
  engine:
    # 5.3. 需要启用的搜索引擎，暂时只支持这几个
    active:
      - baidu        # 百度
      - google       # 谷歌
      - bing         # 必应
      - qiuwenbaike  # 求闻百科
      - wikipedia    # 维基百科

# 6. 收藏配置
favorites:
  # 6.1. 图标路径前缀，支持相对路径和绝对路径，这里演示相对路径
  iconPrefix: 'image:wicon:'
  # 6.2. 收藏组列表，支持多个收藏组
  groups:
    # 收藏组1
    - # 6.2.1. 收藏组名称，将作为标题显示
      name: 常用
      # 6.2.2. 站点列表
      websites:
        # 站点1
        - # 6.2.2.1. 站点标题
          title: 哔哩哔哩
          # 6.2.2.2. 站点副标题
          subtitle: bilibili.com
          # 6.2.2.3. 站点图标地址（常规），支持相对路径和绝对路径，若忽略则显示站点标题的第一个字
          icon: bilibili.svg
          # 6.2.2.5. 站点地址
          url: https://www.bilibili.com/
        # 站点2
        - title: YouTube
          subtitle: youtube.com
          icon: youtube.svg
          # 6.2.2.4. 站点图标地址（暗色模式），用于针对暗色模式设置不同与常规的图标，若忽略则不变
          iconOnDark: youtube_on_dark.svg
          url: https://www.youtube.com/
    # 收藏组2
    - name: 学术
      websites:
        - title: 求闻百科
          subtitle: www.qiuwenbaike.cn
          icon: qiuwenbaike.svg
          url: https://www.qiuwenbaike.cn/
        - title: 维基百科
          subtitle: zh.wikipedia.org
          icon: wikipedia.svg
          url: https://zh.wikipedia.org/
        - title: WolframAlpha
          subtitle: wolframalpha.com
          icon: wolframalpha.svg
          url: https://www.wolframalpha.com/
        - title: Z-Library
          subtitle: zlibrary-global.se
          icon: zlibrary_3.svg
          url: https://zlibrary-global.se/

config:nav-theme-v2-preset.json

{
  "version": "2",
  "name": "nav",
  "contents": [
    {
      "name": "default",
      "custom": {
        "light@primary.color": "#61abbe",
        "dark@primary.color": "#116d85"
      }
    }, {
      "name": "blue",
      "custom": {
        "light@primary.color": "#75aad6",
        "dark@primary.color": "#406d97"
      }
    }, {
      "name": "sky",
      "custom": {
        "light@primary.color": "#61abbe",
        "dark@primary.color": "#116d85"
      }
    }, {
      "name": "snow",
      "custom": {
        "light@primary.color": "#a7bfd8",
        "dark@primary.color": "#515e6b"
      }
    }, {
      "name": "gray",
      "custom": {
        "light@primary.color": "#808e9b",
        "dark@primary.color": "#637485"
      }
    }, {
      "name": "wine-red",
      "custom": {
        "light@primary.color": "#d6757e",
        "dark@primary.color": "#ad454f"
      }
    }, {
      "name": "maple-leaf-red",
      "custom": {
        "light@primary.color": "#f18b6d",
        "dark@primary.color": "#a04226"
      }
    }, {
      "name": "sunset-glow",
      "custom": {
        "light@primary.color": "#f1aa6d",
        "dark@primary.color": "#904c11"
      }
    }, {
      "name": "yellow",
      "custom": {
        "light@primary.color": "#ffce64",
        "dark@primary.color": "#977122"
      }
    }, {
      "name": "green",
      "custom": {
        "light@primary.color": "#96be61",
        "dark@primary.color": "#577d23"
      }
    }, {
      "name": "pool",
      "custom": {
        "light@primary.color": "#82b59d",
        "dark@primary.color": "#2f7955"
      }
    }, {
      "name": "red&yellow",
      "custom": {
        "light@primary.color": "#cb1829",
        "light@base.background.color": "#fff2cf",
        "light@footer.background.color": "#f5e9ca",
        "dark@primary.color": "#981622"
      }
    }, {
      "name": "green&yellow",
      "custom": {
        "light@primary.color": "#92bf9a",
        "light@base.background.color": "#fdffe0",
        "light@footer.background.color": "#f7f9d6",
        "dark@primary.color": "#478552"
      }
    }
  ]
}

config:nav-theme-v2-preset.yaml

# 1. 版本号V2
version: '2'
# 2. 订阅名称
name: nav

# 3. 订阅内容，即主题集合
contents:
  # 主题：默认（天空）
  - # 3.1. 主题名
    name: default
    # 3.2. 自定义项
    custom:
      # 🌞 亮色
      # 3.2.1. 主题色，支持的CSS颜色格式取决于浏览器
      light@primary.color: '#61abbe'
      # 🌚 暗色
      # 3.2.5. 主题色
      dark@primary.color: '#116d85'
  # 主题：蓝
  - name: blue
    custom:
      light@primary.color: '#75aad6'
      dark@primary.color: '#406d97'
  # 主题：天空
  - name: sky
    custom:
      light@primary.color: '#61abbe'
      dark@primary.color: '#116d85'
  # 主题：雪
  - name: snow
    custom:
      light@primary.color: '#a7bfd8'
      dark@primary.color: '#515e6b'
  # 主题：灰
  - name: gray
    custom:
      light@primary.color: '#808e9b'
      dark@primary.color: '#637485'
  # 主题：酒红
  - name: wine-red
    custom:
      light@primary.color: '#d6757e'
      dark@primary.color: '#ad454f'
  # 主题：枫叶红
  - name: maple-leaf-red
    custom:
      light@primary.color: '#f18b6d'
      dark@primary.color: '#a04226'
  # 主题：晚霞
  - name: sunset-glow
    custom:
      light@primary.color: '#f1aa6d'
      dark@primary.color: '#904c11'
  # 主题：黄
  - name: yellow
    custom:
      light@primary.color: '#ffce64'
      dark@primary.color: '#977122'
  # 主题：绿
  - name: green
    custom:
      light@primary.color: '#96be61'
      dark@primary.color: '#577d23'
  # 主题：水塘
  - name: pool
    custom:
      light@primary.color: '#82b59d'
      dark@primary.color: '#2f7955'
  # 主题：红黄
  - name: red&yellow
    custom:
      # 🌞 亮色
      # 3.2.1. 主题色，支持的CSS颜色格式取决于浏览器
      light@primary.color: '#cb1829'
      # 3.2.2. 基础背景色
      light@base.background.color: '#fff2cf'
      # 3.2.3. 底部背景色
      light@footer.background.color: '#f5e9ca'
      # 🌚 暗色
      # 3.2.5. 主题色
      dark@primary.color: '#981622'
  # 主题：绿黄
  - name: green&yellow
    custom:
      light@primary.color: '#92bf9a'
      light@base.background.color: '#fdffe0'
      light@footer.background.color: '#f7f9d6'
      dark@primary.color: '#478552'

image:wicon:bilibili.svg

image:wicon:nav.png.base64

data:image/png;base64,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

image:wicon:qiuwenbaike.svg

image:wicon:wikipedia.svg

image:wicon:wolframalpha.svg

image:wicon:youtube.svg

image:wicon:youtube_on_dark.svg

image:wicon:zlibrary_3.svg