Giter VIP home page Giter VIP logo

xjh22222228 / nav Goto Github PK

View Code? Open in Web Editor NEW
1.8K 30.0 953.0 183.25 MB

🔍 发现导航 , 打造最强静态导航网站(支持SEO) | Discovery Navigation: A purely static, powerful navigation website that supports SEO and online editing

Home Page: https://nav3.cn/?git

License: MIT License

TypeScript 90.48% JavaScript 0.66% HTML 8.86%
nav navigation webpack tools designer nodejs website awesome-navigation angular ng-zorro-antd

nav's Introduction

Repositories pending

  • nav 🔍 Discovery Navigation: A purely static, powerful navigation website that supports SEO and online editing
  • tomato-work 🍅 Tomato Work for React
  • tomato-work-server 🍅 Tomato Work Server for Egg.js
  • boomb 💣 Manage your pictures easily for Github/Gitee
  • gosh 🛺 Golang utility library, With additional functions such as JavaScript/Python!
  • vue-authorized Used for vue3 based on ABAC permission verification component
  • git-manual :octocat: git command reference manual
  • linux-manual 🐧 Linux command reference manual
  • awesome-web-editor 🔨 Open source WEB editor summary
  • github-oauth2 Github OAuth2 for Go
  • wifi 📶 Quickly fetch your WiFi password and if needed, generate a QR code of your WiFi to allow phones to easily connect.
  • ...

nav's People

Contributors

aifact avatar dependabot[bot] avatar janyin avatar ritian96 avatar sadff avatar vant1032 avatar xjh22222228 avatar

Stargazers

 avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar

Watchers

 avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar

nav's Issues

功能建议:收集的网址在所有fork源代码的fork库中能够相互拉取,实现fork库的建站者自己重组网址分类

收集的网址在fork库中相互拉取功能的应用场景描述:
导航站的网址收集,一部分来自访客的推荐,主要部分来自建站者的偏好,从源代码,进行最开始的网址收集工作,成本太高。个人觉得收集网址信息来源有:1、从建站者自己浏览器收藏夹导入(大部分)。2、访客在部署网址上提交(少量新颖的)3、拉取其他fork源代码库的其他建站者创建的网页上(页面提供拉取的按钮,可以大量快速填充一个建站者自己需要收集的分类)4、……

如果实现以github为大后台,每一个fork源代码库的建站者有自己的收集喜好,如果能够在其他fork库建立的站点中,将自己需要用的网址快速拉取到自己的站点,形成一个大社区,互助性,收集成本降低,这样才能有广泛的fork源代码的建站者

功能建议:3.0.0版本,右下角返回键是否可以增加功能定义

问题描述
当前3.0.0版本,右下角返回键的逻辑定义,是返回页面顶端,但如果展开目录下条目很多,能否增加返回展开第三层级标题的返回键?
1、返回页面顶端(当前返回键定义)
2、返回到展开的目录层级(希望增加的返回功能)
初步想法
1、增加一个返回按键
2、点击一次返回键,返回展开目录层级,点击两次返回键,返回页面顶端

仅供参考

🍷 功能需求:Side三级目录的快速展开与收起

需求描述:
Side的二级目录是需要点击一级标题后,才能显示,因此,鼠标还要移动到右侧悬浮按钮,才能一次性收起与展开三级目录,不够快捷
建议:
1、可以在二级目录的标题后面,增加展开/收起按钮,快速展开收起三级目录
image

2、或者点击二级目录,跳转后的三级目录,默认是收起的

目的
就是为使得导航站,能够切实有效的利用。
1、减少目光的跳转,大屏幕,可能还要来回转头,这些都是不好;
2、集中功能按钮,或者在操作流程中增加相对应的功能按钮,快速实现工作流——查阅跳转,复制,分享等等

功能需求:5.2.0 side主题布局的一些建议

Side主题适合建站点,可以实现站点个性化标志的展示
1、左侧站点图标区域固定,不随页面滚动,实现站点个性化标志的展示;
2、右侧底部悬浮按钮中,增加一键呼出搜索框,进行站内搜索;
3、或者搜索框是否能固定在哪,比如站点标志下?
4、站点标志下增加一排功能键,如跳转博客,登录后台,展开收起层级等。

相关信息收集:github作为数据库的资料收集

0.0.0 https://youtu.be/nPPlyjMlQ34
0.0 (不是github)最新的讨论总结了git for data https://www.dolthub.com/blog/2020-03-06-so-you-want-git-for-data/
https://github.com/attic-labs/noms
0、Github API的高级包装。适用于浏览器。 https://github.com/github-tools/github
1、API布道者(****) https://github.com/kinlane
(有利用github api构建应用的示例代码,使用GitHub来运行我的API Evangelist)
博客文章: 1、https://apievangelist.com/2017/01/23/no-database-behind-an-api-and-just-using-files-stored-on-github/
2、https://apievangelist.com/2016/09/19/providing-yaml-driven-xml-json-and-atom-using-jekyll-and-github/
http://kinlane.com/2016/08/15/using-github-repos-and-jekyll-as-a-data-store/

****2013年前的Github.js为git的管道命令提供了一个最小的高层包装,提供了一个用于在文件级别上操作GitHub存储库的API。它是在GitHub的内容编辑器Prose的上下文中开发的。https://github.com/kinlane/github
**http://prose.io/
2 设想,有一些优缺点总结 https://github.com/DavidBruant/github-as-a-database

3、Github Pages 使用jekyll 驱动数据库,使用yaml 文件存储json xml等格式 https://github.com/api-evangelist-tools/xml-json-using-yaml-jekyll
4、关于方案的讨论,放弃Github Pages ,使用 node+sqlite,使用支持node部署的部署空间如https://glitch.com/或Vercel(以前称为Now.sh),或者使用非SQL的远程数据库 如Firebase(https://firebase.google.com/docs/auth/web/github-auth)或CouchDB(可能需要花费很多时间重新编码)https://dev.to/pdavor/how-to-use-mysql-database-on-github-io-4kbd
5、有力的建议:https://stackoverflow.com/questions/846659/how-can-i-put-a-database-under-git-version-control
6、Firebase :https://stackoverflow.com/questions/31655085/database-on-a-personal-github-page
*7、分析了git作为NoSQL数据库(非模式数据库)的要点(分析的很好,从文章看,git做数据库很适合收集网址,适合分层,一次收集完,也不会再修改了)https://www.kenneth-truyers.net/2016/10/13/git-nosql-database/
这里有个最新的讨论,还提供作者kenneth的视频https://elixirforum.com/t/git-as-a-database-and-alternatives/27068

说kenneth用于生产环境了

*8、引用了上面7,并在7的基础上提升了,成为非裸机仓库,能够直接访问文件(不知道是不是在说node应用)。https://nede.dev/blog/turning-git-into-an-application-database
提供可用代码,https://github.com/pruttned/owl-invoice
9、git的备份功能,也可以用与构建数据库
10、git gc 增量保存
11、子文件夹提高修改性能
12、避免产生需要手动合并的冲突,网址使用单个文件,用文件名保存编码
13、https://github.com/mirage/irmin Irmin是一个分布式数据库,遵循与Git相同的设计原则

14.https://github.com/libgit2/libgit2
15、https://github.com/elixir-git/xgit
16、https://medium.com/m/global-identity?redirectUrl=https%3A%2F%2Ftowardsdatascience.com%2Fgit-best-practices-for-sql-5366ab4abb50
17、https://github.blog/2020-02-14-automating-mysql-schema-migrations-with-github-actions-and-more/
18、node包,https://www.npmjs.com/package/github-db
19、https://github.com/KnpLabs/php-github-api
20、https://github.community/t/using-github-for-web-development-that-uses-a-database/1013
21、东芝nosql时间序列数据库https://griddb.net/en/
22、索引数据库 https://w3c.github.io/IndexedDB/ https://github.com/web-platform-tests/wpt/tree/master/IndexedDB
23、https://rethinkdb.com/docs/install-drivers/javascript/
*24、https://clojureverse.org/t/persistent-git-friendly-local-database-any-suggestions/3919/4

打包问题。

WARNING in E:\nav-3.0.0-rc0\src\app\app-routing.module.ts is part of the TypeScript compilation but it's unused.
Add only entry points to the 'files' or 'include' properties in your tsconfig.

WARNING in E:\nav-3.0.0-rc0\src\environments\environment.prod.ts is part of the TypeScript compilation but it's unused.
Add only entry points to the 'files' or 'include' properties in your tsconfig.
打包报错这个 ,不知道有没有和我一样问题的0..0
解决办法:
找到tsconfig.app ts文件,删除"include":["src/**/*.ts"]这一行,只在文件中保留入口点(main.ts和polyfills.ts)
{
"extends": "./tsconfig.json",
"compilerOptions": {
"outDir": "./out-tsc/app",
"types": []
},
"files": [
"src/main.ts",
"src/polyfills.ts"
],

"exclude": [
"src/test.ts",
"src/**/*.spec.ts"
]
}

关于通过GITHUB API提交到库和自动部署,实现访客在线提交,站长审核,更新等后台功能的想法

1, Vue及框架的表单设计器,设计收集页面;2, GITHUB API将访客在收集页面提交的信息,保存到git库的一个新分支,等待导航站长的审核。3,站长使用github 网页,或在部署网页用API,进行git库中用户提交分支,与部署分支的合并或舍弃,实现审核功能,4,使用任何一个自动部署github的网站,如https://now.sh等,自动进行增量合并到部署分支,然后经自动部署,获得网址,以供访问。

..

昨天我按照部署流程申请token,填写token,页面一直是loading,试了N次。

导航

上下滑动的时候,导航UI应该也要跟着切换。

lodash

icon: 'https://lodash.com/assets/img/lodash.svg',
name: 'Lodash',
desc: '现代JS工具集',
link: 'https://lodash.com/'

打包问题报错

node环境版本: v10.23.3
操作系统: Ubuntu20 或者 Windows10
在执行npm run build命令时,提示以下错误,目前不知道如何解决

> [email protected] build /tmp/nav
> npm run setup && ng build --prod --base-href ./


> [email protected] setup /tmp/nav
> tsc nav.config.ts && ts-node ./scripts/build.mjs
lin@ubuntu-home:/tmp/nav$ npm run build

> [email protected] build /tmp/nav
> npm run setup && ng build --prod --base-href ./


> [email protected] setup /tmp/nav
> tsc nav.config.ts && ts-node ./scripts/build.mjs

/tmp/nav/scripts/build.mjs:4
import fs from 'fs'
       ^^

SyntaxError: Unexpected identifier
    at Module._compile (internal/modules/cjs/loader.js:723:23)
    at Object.Module._extensions..js (internal/modules/cjs/loader.js:789:10)
    at Module.load (internal/modules/cjs/loader.js:653:32)
    at tryModuleLoad (internal/modules/cjs/loader.js:593:12)
    at Function.Module._load (internal/modules/cjs/loader.js:585:3)
    at Function.Module.runMain (internal/modules/cjs/loader.js:831:12)
    at Object.<anonymous> (/tmp/nav/node_modules/ts-node/src/bin.ts:158:12)
    at Module._compile (internal/modules/cjs/loader.js:778:30)
    at Object.Module._extensions..js (internal/modules/cjs/loader.js:789:10)
    at Module.load (internal/modules/cjs/loader.js:653:32)
npm ERR! code ELIFECYCLE
npm ERR! errno 1
npm ERR! [email protected] setup: `tsc nav.config.ts && ts-node ./scripts/build.mjs`
npm ERR! Exit status 1
npm ERR!
npm ERR! Failed at the [email protected] setup script.
npm ERR! This is probably not a problem with npm. There is likely additional logging output above.

npm ERR! A complete log of this run can be found in:
npm ERR!     /home/lin/.npm/_logs/2021-02-11T03_23_44_702Z-debug.log
npm ERR! code ELIFECYCLE
npm ERR! errno 1
npm ERR! [email protected] build: `npm run setup && ng build --prod --base-href ./`
npm ERR! Exit status 1
npm ERR!
npm ERR! Failed at the [email protected] build script.
npm ERR! This is probably not a problem with npm. There is likely additional logging output above.

npm ERR! A complete log of this run can be found in:
npm ERR!     /home/lin/.npm/_logs/2021-02-11T03_23_44_715Z-debug.log

众成翻译

icon: 'http://s4.ssl.qhres.com/static/4c3fe1d5645dd9e8.svg',
name: '众成翻译'
desc: '翻译,从此起步',
link: 'https://zcfy.cc/'

页面展示建议:希望点击第一级目录标签切换时,显示折叠的层级目录,减少点击鼠标次数

问题描述:
希望点击第一级目录标签切换时,显示折叠的层级目录,减少点击鼠标次数,当前默认,访问页面,显示展开的实用工具(常用的)下条目,但是点击其他一级目录,进行跳转时,希望是折叠的,有利于快速跳转

初步建议:
打开页面展开的是常用的,跳转其他层级,最后一级是折叠的。

react社区

icon: 'http://react-china.org/uploads/default/38/c4b96a594bd352e0.png',
name: 'React中文',
desc: 'react中文论坛',
link: 'http://react-china.org/'

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. 📊📈🎉

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google ❤️ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.