51Sec Discovery Navigation
A purely static, powerful navigation website that supports SEO and online editing, I hope you will like it. Forked from nav3.cn
Built-in collection of up to 800+ high-quality websites to help you work, study and live
Doc: https://navdoc.super.site
Themes
Discovery Navigation The idea is to make it simple and convenient without relying on back-end services, without complicated configuration and database configuration concepts, so it can be used out of the box.
- 🍰 Built-in 800+utility sites.
- 🍰 Support SEO.
- 🍰 It is completely static and provides automatic deployment functions.
- 🍰 The trigeminal tree has a clear structure and clear classification.
- 🍰 Support one website to associate multiple URLs
- 🍰 The coexistence of beauty and simplicity is no longer the era of killing Matt.
- 🍰 Completely open source, easy to customize.
- 🍰 Support multiple browsing modes and innovation.
- 🍰 Support footprint memory.
- 🍰 Support mobile browsing.
- 🍰 Support search query.
- 🍰 Support custom engine search.
- 🍰 A variety of theme switching.
- 🍰 Support dark mode.
- 🍰 Support background management, no need to deploy.
- 🍰 Support import from Chrome bookmarks
## Deploy Like counting numbers "3 2 1" that simple.
#### Method one (gh-pages free) 1、Fork the current project.。
2、https://github.com/settings/tokens apply for a token, check the corresponding permissions, if you don’t understand, select all, copy and save the token。
3、https://github.com//nav/settings/secrets/actions/new Create a new application token, name fill in TOKEN (All are uppercase)。
4、open https://github.com//nav/actions click "Green Button"
5、Be sure to modify the project configuration file nav.config.ts, change to your github repository url
6、After 5 minutes, open https://.github.io/nav , you will see a very powerful navigation website.
7、Customize:
7.1 nav.config.ts - change the settings for homeurl, title, description, keywords, default theme, and footerContent.
7.2 Remove/replace the my own ads and analytic codes in /src/index.html file
<!-- Remove/replace following codes which are for ads and statistics until before "</head>" -->
<!-- Global site tag (gtag.js) - Google Analytics -->
<script async src="https://www.googletagmanager.com/gtag/js?id=G-Y6S10GPN71"></script>
<script>
window.dataLayer = window.dataLayer || [];
function gtag(){dataLayer.push(arguments);}
gtag('js', new Date());
gtag('config', 'G-Y6S10GPN71');
</script>
<script async src="https://pagead2.googlesyndication.com/pagead/js/adsbygoogle.js?client=ca-pub-5660349373091698"
crossorigin="anonymous">
</script>
<!-- Remove/replace above codes -->
7.3 Tag categories (Manual Update) - /data/tag.json
7.4 Replace logo from backend dashboard.
The steps are the same as the first method, except that the fourth step is not needed.
For specific use, follow the steps https://github.com/apps/vercel
Note: If you want to deploy your own domain name, then the above tutorial is also suitable, as it provides automated deployment, and then through CNAME or Revers Proxy implementation:
Sample configuration for Nginx:
# nginx
server {
listen 80;
server_name nav.51sec.org;
location / {
proxy_pass https://51sec.github.io/nav/;
}
}
## Bookmark import Support importing from Chrome bookmarks (WebKit kernel should be supported~), it will automatically detect navigation that meets the three-level classification, and all others will be set as unclassified:
The browser opens chrome://bookmarks/ to export the bookmarks to get the html file, and then import it from the background of the navigation website.
All bookmarks are storing at db.json file. You can use JOSN Editor Online(https://jsoneditoronline.org/) to modify it manually.
index.ts file under 51sec/nav/src/services/