byr-navi / byr-navi Goto Github PK

View Code? Open in Web Editor NEW

520.0 520.0 208.0 9.27 MB

A Light-Weight and Configurable Navigation Website Framework (for BYR)

Home Page: https://byr-navi.com

License: MIT License

HTML 31.82% CSS 10.89% JavaScript 57.09% Ruby 0.09% Shell 0.11%

byr byr-navi irockbunny navigation navigation-website website

byr-navi's Introduction

BYR-Navi

A Light-Weight and Configurable Navigation Website Framework (for BYR)

📐 Design Philosophy

This project is a Jekyll-powered website, which is built based on Fomantic UI web framework, and deployed previously using GitHub Pages (while currently running on a Linode VPS).

The whole project is designed and built with high flexibility of configuration and customization. You can either configure it by modifying the _config.yml file or customize it by replacing the content of the *.yml files in the _data folder with your own data.

📖 A Tiny Tutorial

There is no easy way for beginners without essential background knowledge. To be efficient, the best way to understand this project is to start with the Jekyll’s docs and Fomantic UI’s docs.

Before you start, you should have some basic understanding of the following:

HTML
CSS
JavaScript
jQuery
YAML format
Liquid (Template Engine by Shopify)
Ruby
UNIX/Linux Shell Script

Quick Start

Install a full Ruby development environment.
Install Jekyll and bundler gems.

gem install jekyll bundler

Clone the project from GitHub.

git clone https://github.com/BYR-Navi/BYR-Navi.git

Change into the project directory.

cd BYR-Navi

Install required gems in the Gemfile using Bundler.

bundle install

Build the site and make it available on a local server.

bundle exec jekyll serve

Now browse to http://localhost:4000.

🚧 Deployment

GitHub Pages (Recommended)

Sites on GitHub Pages are powered by Jekyll behind the scenes, so if you’re looking for a zero-hassle, zero-cost solution, GitHub Pages are a great way to host your Jekyll-powered website for free.

Manual Deployment

Jekyll generates your static site to the _site directory by default. You can transfer the contents of this directory to almost any hosting provider to get your site live. Here are some manual ways of achieving this.

♥️ Share the Love

I’ve put a lot of time and effort into making BYR-Navi awesome. If you love it, you can buy me a coffee. Every cup helps! I promise it will be a good investment.

Donate here.

🚀 Powered by

©️ License

MIT License

byr-navi's People

Contributors

Stargazers

Watchers

Forkers

amnova allenyep imshin buptlida fu-you caiguocn y1fo 23niu navawesome roceys jempchou watanabemeak huaiyin98 zp0539 xzty melonwei zengzl silent-waiting lawsons betalita helloqidi zwj68 wonglynn ider-zh wardxp zjjiao faketrader mingjun90 qingchao-kong geyan666 d491675881 qupb chinaxuan robbtang pinglun cnjllin hanjiangyexue limleespirit bzxxx huisedh jwjqsh trtrcc soso365 cxjie320 tony4873 liuzj288 zuoguocai qidouhai ylt1992 lp940708 fakegit zeus911 haiiv zhangmh1006 zuixiaoyao0875 mr96s minoriko chinaddse xiaochou164 lcylym z1137254268 acclaim11 notemx keyman9848 150928015 firday jusufus neatgz usgram zhaoxianjin yiyinyiyang hoxtonk wangjiezhe hehaohan cirnosaiko richars shangtian-tuzhi ymyguang jackyderrick sanwan2009 shitizen-x ezaze xaver985 vpslala ttdark yongbowebsite one3chens feicc thinklib xuruigang pcanyi fuxuemingzhu wuwx itwarlock quncan k-vx yuyaokeng noyyyy xuxin-dc githubsupportor

byr-navi's Issues

网页a标签target定义失效，点击链接无法打开新窗口

网页a标签target定义失效，点击链接无法打开新窗口！
不知道此情况下跳转至目标站之后目标站无法统计到来路是不是由于该原因。

如何安装这套代码呢

替换部分数据上传到服务器后打开页面一直提示404，求解啊

Add default search service cookie

作为一名将北邮人导航作为浏览器主页的忠实用户，在感受导航页带来的诸多便捷的同时，有一点小建议想在此提出与你分享：导航页默认的搜索引擎是百度，而我常用谷歌，因此在每次进入导航页时都要手动点击下拉菜单切换谷歌搜索，有关此操作导航页是否能够自动记忆？

dropdown menu被挡住了

一直想将dropdown 显示为最top，试过很多方法都失败了，什么z-indx之类的，想问问是什么原因导致不能将含有dropdown menu的div置顶？

为什么北邮人导航主页现在搜索框打字不好按回车和鼠标来确定搜索呢?

https://byr-navi.com/ 就是这个网址搜索框里打好字按了回车键和鼠标点搜索什么反应都没有麻烦问下是啥原因? 还挺喜欢这个导航主页的

关于搜索结果。。

百度搜索结果为什么不使用https协议的，百度搜索不是已经支持全站 https了嘛🙂

外观调整？

以精美著称的BYR导航，外观个人认为，下面的footer下巴太长，尤其移动版单行更是毛长毛长。此区域是次要注释性参考信息。，感觉留现今的一小部分就足矣。请问大师，怎么调整？

如何替换icon?

我想更改网址前面的图标，我就蒙对了一个！icon:twitter blue🥰

Update data API

Add analytics page

Use: Baidu ECharts + Piwik API

Add query suggestions

Invoke Baidu API:

http://www.baidu.com/js/opensug.js

Add analytics visitor calendar chart

Fixed in #24

为什么有时候加载页面那么慢

小白一枚，最近使用你的导航模板学习学习，发现弄的差不多之后有时候访问非常快，有时候去非常慢，页面样式加载不出来。

关于新版北邮人导航搭建

你好，我是一个小白，新接触此类源码不太懂得ruby，想请问一下如何用此源码快速的搭建一个网站即搭建方法。烦请您告知。谢谢。

Add number of live visitors

Fixed in #36

导航首页乱码了是出了什么问题么

https://byr-navi.com/ 该导航首页乱码了是出了什么问题么

Rebuild using Jekyll

Fixed in #22

源码的使用和访客数据的问题。

你好。非常感谢密你能够在此开源。可供众人享用。

我在使用此开源时。遇到了两个问题。如题。
在提问之前已经看过该项目问题的回答。略有些启迪。

了解到此开源在G page 上可以正常使用，是因为此基于Jekyll
看了文档，也下载了J 。

若脱离G page 使用。
不知道渲染方式是整包渲染还是单文件渲染。

至于，Matomo的统计。我是在它的网页端上使用。
在_data里修改了matomo的数据。可还是获取不到访客人数。
是需要添加追踪代码还是配置信息有误？。

问题如上。望能给予解答。

GitHub
导航网页

Update README.md

网址那边显示不全

网址显示不全

请问北邮人在宝塔下怎么安装？

求大佬发个教程

不知道如何正确配置

---
layout: default
home: true
--- 

{% for section in site.data.links %}
{% if forloop.first %}{% include page_loading_progress_bar.html %}{% endif %}
{% for item in section.categories %}
{{ item.category }}
{% for link in item.links %}{% if link.icon %}{% endif %}{{ link.name }}{% endfor %}
{% endfor %}
{% endfor %}

复制到我的虚拟空间之后打开首页就显示源码，不知道如何正确配置。

输入部分文字后联想的搜索结果会影响下面选择搜索项

输入文字后，下面的百度，谷歌，地图，微博等都被挡住了，只有胖次能直接点击到。

加载不正常，需要刷新才能完全加载

你好，请问一下我把导航设定为浏览器的默认起始页，打开有时会如图那样加载不正常，需要重新刷新才正常加载，这个是浏览器的问题，还是服务器端的问题呢？我服务器端是通过ruby生成的site静态布置的。

当删除搜索框下边的一些内容后会导致在宽屏上(宽度1600px+)搜索选项备选被链接部分覆盖

删除如下部分代码:

<div class="ui text container"><a id="hitokoto" class="ui black pointing below label" href="//hitokoto.cn?id=3685" target="_blank"><i class="quote left icon"></i>忘记本身就是一件不可能的事情，别妄想了。<div class="detail">来自网络</div></a><h1 class="ui inverted logo header">
        <img class="ui centered image" src="/images/logo-white.svg" alt="Logo">
    </h1>
    <h2 class="ui inverted header">北邮人导航 · BYR-Navi</h2>
    <div class="ui inverted fluid left icon right action input" id="search-div">
        <i class="search icon"></i>
        <input id="search-query" type="text" placeholder="立即搜索" autofocus="autofocus" autocomplete="off">
        <div class="ui compact selection dropdown" tabindex="0"><select id="search-services">
            <option id="baidu" value="baidu" data-url="https://baidu.com/s?ie=utf-8&amp;wd=" data-suffix="" data-transcode-from="" data-transcode-to="">百度</option><option id="google" value="google" data-url="https://google.com/search?q=" data-suffix="" data-transcode-from="" data-transcode-to="">谷歌</option><option id="bing" value="bing" data-url="https://cn.bing.com/search?q=" data-suffix="" data-transcode-from="" data-transcode-to="">必应</option><option id="baidumap" value="baidumap" data-url="https://api.map.baidu.com/geocoder?address=" data-suffix="&amp;output=html" data-transcode-from="" data-transcode-to="">百度地图</option><option id="baidunews" value="baidunews" data-url="https://www.baidu.com/s?ie=utf-8&amp;tn=news&amp;rtt=1&amp;bsst=1&amp;cl=2&amp;word=" data-suffix="" data-transcode-from="" data-transcode-to="">百度资讯</option><option id="wikipedia" value="wikipedia" data-url="https://www.wikipedia.org/wiki/" data-suffix="" data-transcode-from="" data-transcode-to="">维基百科</option><option id="zhihu" value="zhihu" data-url="https://www.zhihu.com/search?q=" data-suffix="" data-transcode-from="" data-transcode-to="">知乎</option><option id="weibo" value="weibo" data-url="https://s.weibo.com/weibo/" data-suffix="" data-transcode-from="" data-transcode-to="">微博</option><option id="taobao" value="taobao" data-url="https://s.taobao.com/search?q=" data-suffix="" data-transcode-from="" data-transcode-to="">淘宝</option><option id="jd" value="jd" data-url="http://search.jd.com/Search?keyword=" data-suffix="&amp;enc=utf-8" data-transcode-from="" data-transcode-to="">京东</option><option id="douban" value="douban" data-url="https://www.douban.com/search?q=" data-suffix="" data-transcode-from="" data-transcode-to="">豆瓣</option><option id="xiami" value="xiami" data-url="http://www.xiami.com/search?key=" data-suffix="" data-transcode-from="" data-transcode-to="">虾米</option><option id="bilibili" value="bilibili" data-url="https://search.bilibili.com/all?keyword=" data-suffix="" data-transcode-from="" data-transcode-to="">哔哩哔哩</option><option id="fkdy" value="fkdy" data-url="http://ifkdy.com/?q=" data-suffix="" data-transcode-from="" data-transcode-to="">影视</option><option id="wangpan" value="wangpan" data-url="http://www.58wangpan.com/search/kw" data-suffix="" data-transcode-from="" data-transcode-to="">网盘</option><option id="fixzimuxia" value="fixzimuxia" data-url="http://www.zimuxia.cn/?s=" data-suffix="" data-transcode-from="" data-transcode-to="">FIX字幕侠</option><option id="pniao" value="pniao" data-url="http://www.pniao.com/Mov/so/" data-suffix="" data-transcode-from="" data-transcode-to="">胖鸟电影</option><option id="painku" value="painku" data-url="https://www.pianku.tv/s/" data-suffix=".html" data-transcode-from="%" data-transcode-to="_">片库</option><option id="lime" value="lime" data-url="https://www.limetorrents.cc/search/all/" data-suffix="/" data-transcode-from="" data-transcode-to="">Lime Torrents</option><option id="onejav" value="onejav" data-url="https://onejav.com/search/" data-suffix="" data-transcode-from="" data-transcode-to="">OneJav</option><option id="github" value="github" data-url="https://github.com/search?q=" data-suffix="" data-transcode-from="" data-transcode-to="">GitHub</option><option id="baiduxueshu" value="baiduxueshu" data-url="https://xueshu.baidu.com/s?wd=" data-suffix="" data-transcode-from="" data-transcode-to="">百度学术</option><option id="googlescholar" value="googlescholar" data-url="https://scholar.google.com/scholar?q=" data-suffix="" data-transcode-from="" data-transcode-to="">谷歌学术</option><option id="ieeexplore" value="ieeexplore" data-url="http://ieeexplore.ieee.org/search/searchresult.jsp?queryText=" data-suffix="" data-transcode-from="" data-transcode-to="">IEEE Xplore</option><option id="etymonline" value="etymonline" data-url="https://www.etymonline.com/index.php?search=" data-suffix="" data-transcode-from="" data-transcode-to="">Etymonline</option><option id="mw" value="mw" data-url="https://www.merriam-webster.com/dictionary/" data-suffix="" data-transcode-from="" data-transcode-to="">Merriam-Webster</option><option id="tianyancha" value="tianyancha" data-url="https://www.tianyancha.com/search?key=" data-suffix="" data-transcode-from="" data-transcode-to="">天眼查</option><option id="weixinmp" value="weixinmp" data-url="http://weixin.sogou.com/weixin?type=1&amp;query=" data-suffix="&amp;ie=utf8" data-transcode-from="" data-transcode-to="">微信公众号</option><option id="weixinarticle" value="weixinarticle" data-url="http://weixin.sogou.com/weixin?type=2&amp;query=" data-suffix="&amp;ie=utf8" data-transcode-from="" data-transcode-to="">微信文章</option><option id="minapp" value="minapp" data-url="https://minapp.com/miniapp/search/?query=" data-suffix="" data-transcode-from="" data-transcode-to="">微信小程序</option><option id="byr" value="byr" data-url="http://search.icybee.cn/bbs/?key=" data-suffix="" data-transcode-from="" data-transcode-to="">北邮人论坛</option><option id="byrbt" value="byrbt" data-url="https://bt.byr.cn/torrents.php?search=" data-suffix="" data-transcode-from="" data-transcode-to="">北邮人BT</option>
        </select><i class="dropdown icon"></i><div class="text">百度</div><div class="menu" tabindex="-1"><div class="item active selected" data-value="baidu">百度</div><div class="item" data-value="google">谷歌</div><div class="item" data-value="bing">必应</div><div class="item" data-value="baidumap">百度地图</div><div class="item" data-value="baidunews">百度资讯</div><div class="item" data-value="wikipedia">维基百科</div><div class="item" data-value="zhihu">知乎</div><div class="item" data-value="weibo">微博</div><div class="item" data-value="taobao">淘宝</div><div class="item" data-value="jd">京东</div><div class="item" data-value="douban">豆瓣</div><div class="item" data-value="xiami">虾米</div><div class="item" data-value="bilibili">哔哩哔哩</div><div class="item" data-value="fkdy">影视</div><div class="item" data-value="wangpan">网盘</div><div class="item" data-value="fixzimuxia">FIX字幕侠</div><div class="item" data-value="pniao">胖鸟电影</div><div class="item" data-value="painku">片库</div><div class="item" data-value="lime">Lime Torrents</div><div class="item" data-value="onejav">OneJav</div><div class="item" data-value="github">GitHub</div><div class="item" data-value="baiduxueshu">百度学术</div><div class="item" data-value="googlescholar">谷歌学术</div><div class="item" data-value="ieeexplore">IEEE Xplore</div><div class="item" data-value="etymonline">Etymonline</div><div class="item" data-value="mw">Merriam-Webster</div><div class="item" data-value="tianyancha">天眼查</div><div class="item" data-value="weixinmp">微信公众号</div><div class="item" data-value="weixinarticle">微信文章</div><div class="item" data-value="minapp">微信小程序</div><div class="item" data-value="byr">北邮人论坛</div><div class="item" data-value="byrbt">北邮人BT</div></div></div>
        <div id="search-button" class="ui black icon button">Go</div>
    </div>
    <div class="ui labels shortcuts">
        <a class="ui black label" data-search-service-id="baidu"><i class="paw blue inverted icon"></i>百度</a><a class="ui black label" data-search-service-id="google"><i class="google red inverted icon"></i>谷歌</a><a class="ui black label" data-search-service-id="bing"><i class="search orange inverted icon"></i>必应</a><a class="ui black label" data-search-service-id="baidumap"><i class="map marked alternate green inverted icon"></i>地图</a><a class="ui black label" data-search-service-id="baidunews"><i class="newspaper blue inverted icon"></i>资讯</a><a class="ui black label" data-search-service-id="zhihu">知乎</a><a class="ui black label" data-search-service-id="taobao">淘宝</a><a class="ui black label" data-search-service-id="jd">京东</a><a class="ui black label" data-search-service-id="douban">豆瓣</a><a class="ui black label" data-search-service-id="fixzimuxia">FIX</a><a class="ui black label" data-search-service-id="pniao">PN</a><a class="ui black label" data-search-service-id="lime">PT</a>
    </div>
    <!--开始删除-->
    <div class="badges">
        <a id="github-watch" href="https://github.com/BYR-Navi/BYR-Navi/watchers" target="_blank"><img src="https://img.shields.io/github/watchers/BYR-Navi/BYR-Navi.svg?style=social&amp;label=Watch" alt="GitHub Watchers"></a>
        <a id="github-star" href="https://github.com/BYR-Navi/BYR-Navi/stargazers" target="_blank"><img src="https://img.shields.io/github/stars/BYR-Navi/BYR-Navi.svg?style=social&amp;label=Star" alt="GitHub Stargazers"></a>
        <a id="github-fork" href="https://github.com/BYR-Navi/BYR-Navi/network/members" target="_blank"><img src="https://img.shields.io/github/forks/BYR-Navi/BYR-Navi.svg?style=social&amp;label=Fork" alt="GitHub Forks"></a>
        <a id="version" href="https://github.com/BYR-Navi/BYR-Navi/commits" target="_blank"><img src="https://img.shields.io/badge/%E6%9B%B4%E6%96%B0%E4%BA%8E-13%20%E5%A4%A9%E5%89%8D-brightgreen.svg" alt="Update Time"></a>
        <a id="today-visitors" class="loading-trigger" href="/analytics/"><img src="https://img.shields.io/badge/%E4%BB%8A%E6%97%A5%E8%AE%BF%E5%AE%A2-140-brightgreen.svg" alt="Today Visitors"></a>
        <a id="live-visitors" class="loading-trigger" href="/analytics/"><img src="https://img.shields.io/badge/%E5%BD%93%E5%89%8D%E5%9C%A8%E7%BA%BF-18-brightgreen.svg" alt="Live Visitors"></a>
    </div>
    <div class="ui inverted selection link list">
        <a class="item loading-trigger" href="/donate/">请为辛苦滴开发者众筹一杯星冰乐</a>
    </div>
    <!--结束删除-->
</div>

点击选择搜索引擎的下拉列表,会出现下拉菜单下半部分被截断,根据F12可以看出菜单被截断部分是被下方第一排链接容器遮挡(叠放次序错误)

经过调试,推荐
1.在commons.css中添加

.ui.vertical.stripe.links {
    z-index:-1; /*这个数字目前试出来-1是没问题的*/
 }

2.删除masthead.css第16行的overflow:hidden(目前来看没有什么意想不到的效果)

[Unexpected Behavior]Error occurs after disabling Matomo analytics

According to analytics.yml & _includes/analytics.html, it seems that if site_id is blank, Matomo analytics will be disabled.
Sadly,analyticsAPI defined here is used by several JavaScripts ( common.js & home.js ).Simply leave it blank will cause errors which will stop necessary JavaScripts from working.
It seems that this is an unexpected behavior.

根据 analytics.yml 和 _includes/analytics.html, 看起来似乎当site_id留空时, Matomo统计相关代码会被自动移除。
不幸的是，变量analyticsAPI（定义在这里）被一些脚本 ( common.js 和 home.js )使用。直接留空会发生错误并阻止一些基于js的功能。
这似乎是一个未预料到的行为。

如何配置analytics（piwik）

你好，如何配置piwik正确进行访客呢？

Add analytics loading progress bar

Change search suggestion to Semantic UI API

Add URL redirect page

Fixed in #26

LOGO显示

大师好，fork byr后,用了github page希望自用，可惜LOGO显示不出来，请问，怎么解决？

搜索框内的文字一直处于全选状态的情况

搜索框里面输入内容以后，如果点击网页其他地方，让搜索框失去焦点，再点击搜索框后，搜索框文字一直处于全选状态，除非按方向键才出现光标
环境：
Windows10
Microsoft Edge 40.15063.0.0
实测Firefox出现同样的情况

如何自定义icon

现在我有一个icon图标文件，如何自定义链接图标呢？我在示例里，只看到了像apple youtube之类的字符串，怎么引用自己的图标呢？感谢作者大佬。

每日十大页面挂了

是否支持windows环境下安装？

google了一下没有相关问题。

百度query suggestions不支持https，出错

经过debug发现，百度的js不支持https的格式，导致获取query suggestions出错。因为我的网站是默认全局https的，有没有办法修正？

Boost website using service worker

Fixed in #20

Analytics data fail to update after adding loading progress bar due to setInverval() issue

Fixed in #16

Python version of BYR-Navi

I use BYR-Navi as my personal navigation website and I really like its design concept. But I am not familiar with Jekyll. Thus, I modified it with Python and Plotly DASH. I have already put your BYR-Navi info under the bottom of the website for copyright purpose.
Hope you won't mind it.

Demo

Link: ChaQi.net
Github: github

Update loading animation

Fixed in #18

Add `autofocus` attribute in the search `<input>` tag

When a user open the page, it will be better if the cursor is focused on the search form, so
the user can just type the thing that they want to search instead of clicking the form first. I suggest to add autofocus attribute in the search <input> tag.

https://www.w3schools.com/tags/att_input_autofocus.asp

HTML5 Syntax:

<input autofocus>

XHTML Syntax:

<input autofocus="autofocus">