github5导航

极简导航,帮您记住常用的域名

使用教程

快速入门

切换搜索引擎

增加搜索引擎

配置快捷导航

其他配置

保存到桌面

主要特点

• 页面极其简单
• 支持自定义
  可根据需求，自己配置域名
• 安全可靠
  代码开源,所有功能都是使用html、js实现,未经用户授权 不会将用户自定义配置上传到服务器

二次开发

搜索引擎

• 添加 sogou搜索, 调整搜索引擎顺序, 百度、搜狗、bing、google

在文件 \js\sou.js 修改 se_list_preinstall 变量

var se_list_preinstall = {
    '1': {
        id: 1,
        title: "百度",
        url: "https://www.baidu.com/s",
        name: "wd",
        img: "./icon/baidu.ico",
    },
    '2': {
        id: 2,
        title: "搜狗",
        url: "https://www.sogou.com/web",
        name: "query",
        img: "https://www.sogou.com/favicon.ico",
    },
    '3': {
        id: 3,
        title: "必应",
        url: "https://cn.bing.com/search",
        name: "q",
        img: "./icon/bing.ico",
    },
    '4': {
        id: 4,
        title: "谷歌",
        url: "https://www.google.com/search",
        name: "q",
        img: "./icon/google_1.png",
    }
};

• 点击搜索时,打开新标签

将html的

将
<form class="search" action="https://www.baidu.com/s" >

修改为
<form class="search" action="https://www.baidu.com/s" method="get" target="_blank">

修改主页快捷方式域名

• 点击后 在新标签 打开

在 js\sou.js line384

修改
<a href='" + quick_list[i]['url'] + "'>\

为
<a target='_blank' href='" + quick_list[i]['url'] + "'>\

• 设置默认站点

var quick_list_preinstall = {
    '1': {
        title: "在线画图",
        url: "http://tu.github5.com/",
        img: "http://tu.github5.com/favicon.ico",
        explain: "在线绘制流程图、UML、ER、网络图各种图",
    },
    '2': {
        title: "录制gif",
        url: "http://gif.github5.com",
        img: "http://gif.github5.com/favicon.ico",
        explain: "支持整屏、窗口、网页标签录屏,生成gif",
    },
    '3': {
        title: "密码生成器",
        url: "http://password.github5.com",
        img: "http://password.github5.com/favicon.ico",
        explain: "生成容易记忆的密码短语",
    },
    '4': {
        title: "markdown编辑",
        url: "http://markdown.github5.com/",
        img: "http://markdown.github5.com/favicon.ico",
        explain: "markdown在线编辑器",
    }
};

• 添加站点描述信息

index.html

 <div class="from_items">
    <p><b>网址:</b></p>
    <input type="url" name="url" placeholder="以“https:”或“http:”开头的URL">
</div>
<div class="from_items">
    <p><b>描述:</b></p>
    <input type="text" name="explain" placeholder="站点的描述信息">
</div>
<div class="from_items">
    <p><b>图标:</b></p>
    <input type="text" name="img" placeholder="图片地址 可不填">
</div>

js\sou.js

+       var explain = $(".quick_add_content input[name='explain']").val();
        var num = /^\+?[1-9][0-9]*$/;
        if (!num.test(key)) {
            alert("顺序：" + key + " 不是正数数！");
            return;
        }

        var quick_list = getQuickList();
        /*
        if (quick_list[key]) {
            alert("顺序:" + key + " 已有数据，不可用");
            return;
        }
        */
        // 默认图标为  为网站图标
        if (typeof(img)=="undefined" || img=='' || img==null)
        {
           img =  url + '/favicon.ico';
        }
        if (key_inhere && key != key_inhere) {
            delete quick_list[key_inhere];
        }

        quick_list[key] = {
            title: title,
            url: url,
            img: img,
+           explain: explain,
        };


 $(".quick_list").on("click", ".edit_quick", function () {

        var quick_list = getQuickList();
        var key = $(this).val();
        $(".quick_add_content input[name='key_inhere']").val(key);
        $(".quick_add_content input[name='key']").val(key);
        $(".quick_add_content input[name='title']").val(quick_list[key]["title"]);
        $(".quick_add_content input[name='url']").val(quick_list[key]["url"]);
        $(".quick_add_content input[name='img']").val(quick_list[key]["img"]);
+       $(".quick_add_content input[name='explain']").val(quick_list[key]["explain"]);

        $(".quick_add_content").show();
    });

书签调整

删除已经不在维护的网站

CDN加速

将js、css上传到七牛云

TODO

• 支持多端同步

微信登录后,支持多端同步配置信息

问题反馈

欢迎您反馈问题