JTool -- 自定义个人导航

JTool -- 自定义个人导航

  • 2020-05-17

简介

出于优化自己工作效率目的，又做了一个导航 https://jtool.top/home，造轮子的目地主要是想实现自己的以下几个需求：

  • 免登录注册
  • 可自定义内容
  • 具备简易RSS订阅
  • 数据能够使用GIT管理
    这几个也是当前导航的特点。网站原理很简单，当用户输入github对应仓库地址时，程序会主动拉取对应仓库文件，然后生成针对当前仓库的配置，提供导航数据。

使用指南

网站数据是基于Github仓库配置文件驱动，因此网站提供了一个示例导航用户qudingDashBoard ，dashboard-example，其对应的Github仓库https://github.com/qudingDashBoard/dashboard-example，用户可以fork该仓库后自己修改对应配置。

配置文件

user.toml

用户全局配置。

  • title：导航标题
  • avatar：用户头像

举个栗子

1
2
title='示例用户'
avatar='http://imgblog.mrdear.cn/avatar.jpg'

bookmark.toml

导航网址配置，以数组形式，每一个数组内的为一个组

  • [xxx] ：数组名
    • name：当前数组对应的名称
    • sort：当前数组位于整体的排序，越小越靠前
      • [[xxx.sites]]：单个网站配置
        • url：网站地址
        • name：网站名称
        • favicon (可选)：网站icon
        • desc (可选)：网站描述
        • openType (可选)：网站打开方式，支持url(默认)，iframe
        • config.iframe-style (可选)：如果是iframe时，对应CSS样式，例如height:100%;width:100%;min-height:1000px

举个栗子

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
[readnote]
name='读书笔记'
sort=0
    [[readnote.sites]]
    url='https://mubu.com/doc/2TG2Oiz1mU'
    name='秒杀系统读书笔记'
    favicon='https://mubu.com/favicon.ico'
    desc='极客时间秒杀笔记'
    openType='iframe'
    config.iframe-style='height:100%;width:100%;min-height:1000px'
[blog]
name='订阅'
sort=2
    [[blog.sites]]
    url='http://tech.lede.com'
    name='网易乐得技术团队'
    [[blog.sites]]
    url='https://tech.meituan.com'
    name='美团技术团队'

rss.toml

阅读器内容数据，目前以RSS订阅为主，该订阅起到一个通知作用，并不能完全当作阅读器。

  • [xxx] ：数组名
    • name：当前数组对应的名称
    • sort：当前数组位于整体的排序，越小越靠前
      • [[xxx.sites]]：单个网站配置
        • url：网站RSS地址
        • name：网站名称
        • favicon (可选)：网站icon

举个栗子

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
[blog]
name='博客'
sort=1
    [[blog.sites]]
    url='https://blog.alswl.com/atom.xml'
    name='3D的博客'
    [[blog.sites]]
    url='https://draveness.me/feed.xml'
    name='面向信仰编程'
[itNews]
name='IT资讯'
sort=2
    [[itNews.sites]]
    url='https://sspai.com/feed'
    favicon='https://cdn.sspai.com/sspai/assets/img/favicon/icon.ico'
    name='少数派'
    [[itNews.sites]]
    url='https://www.expreview.com/rss.php'
    name='超能网'

其他

导航站点以及订阅怎么保证隐私

fork仓库后，可以设置为private类型，然后添加 qudingDashBoard 用户为collaborator，目前需要我手动同意，同意后，有访问权限即可拉取到数据。

支持一下

用爱发电。。。如果对你有帮助还请赞助下

网站欣赏

感谢V站大佬 `i@designeer.cn` 帮忙设计。

设计模式 -- 享元模式的思考