人手一个导航站，我也写了一个

[hanxiV2EX]

原因

体验过很多个，最后使用的是 lylme_spage 。用起来还行，只是想自己写个小巧一点的，于是就有了 tiny-nav 。

技术栈

• 后端：Golang
• 前端：Vue

效果

• 所有资源都打包进一个可执行文件
• 不使用数据库，单用户设计，也可无用户(有待优化，无用户模式应该把修改去掉比较合适)
• 专注于 NAS 用户，适合整理自己搭建的内网服务。

地址

• 体验地址： https://nav.hanxi.cc/
• GitHub 地址： https://github.com/hanxi/tiny-nav

欢迎在评论里回复你现在使用的导航站。

[hanxiV2EX]

版本更新，搞定深色模式。

[lemonfishTBS]

porn 就 porn ，搞个乱码还没图标，可恶

[wxw752]

你这服务器架哪去了，不走代理打不开。

[hanxiV2EX]

@lemonfishTBS 可恶，有人做恶

[hanxiV2EX]

@wxw752 cloudflare 的 cdn

[SuperNPC]

你这深色自己有用吗，你看看 github 图标

[woodchen]

https://nav.czl.net/

看我基于 sun-panel 二开给公司内用的, 增强了自动获取图标, 标题, 描述, 再删一堆不用的功能, 自己用就足够了.

[hanxiV2EX]

@SuperNPC 确实好黑，还不知道怎么调，因为颜色在 svg 图片里的。

[hanxiV2EX]

@woodchen 自动获取图标可以分享一下吗？我做的总是取不到图标。

[Pipecraft]

@hanxiV2EX #8 如果不能改 SVG 代码里的颜色，可以用 CSS 把颜色反转一下。

```css
filter: invert(100%) hue-rotate(180deg) contrast(100%);
```

[woodchen]

@hanxiV2EX
1. /favicon.ico
2. https://www.google.com/s2/favicons?domain=%s&sz=64
3. duckduckgo

注意 host,origin 和 user-agent 请求头

[hanxiV2EX]

@Pipecraft 感谢🙏

[hanxiV2EX]

@Pipecraft 原来 Tailwind 只需要加上 dark:invert 就行了。

[Pipecraft]

@hanxiV2EX #13 原来 Tailwind 还有这个 👍

[believeMe]

@hanxiV2EX #13 👍

[nznd]

发现请求了两次 /navigation ，导致页面加载中偶尔会改变一下 categories 顺序

[hanxiV2EX]

@nznd 第一次应该是本地缓存的，刷新后正常了。

[hanxiV2EX]

@nznd 确实有个优化还没做。

[EvanTop]

开源： https://github.com/evantop/evannav
演示： https://evan.plus

我的～～～～～😁

[hanxiV2EX]

@EvanTop 给你点赞，hr 都能写这么好。。。

[ixwen]

[hanxiV2EX]

@ixwen 好丑啊啊啊啊啊啊啊啊，夜间模式这么难搞。。。

[metory]

@ixwen 阴间模式哈哈

[Pipecraft]

这几天都看到这个帖子置顶了。是 OP 花金币置顶的吗？
并无恶意，我不太理解 OP 置顶要做什么？好像并没有获得多少回复和 star 。

[hanxiV2EX]

@Pipecraft 金币不用在置顶根本花不完，连续手动签到两千多天，置顶🔝还是有点效果的。刚开始没置顶，一个回复都没有。。。

[freefly111]

厉害
同时，不懂就问：后端用 GoLang 是不是因为前端是 Vue ，两者一起用起来比较方便？

[Pipecraft]

@hanxiV2EX #25 我也有金币，但没看到置顶的开关。我以为充值才能置顶。

[hanxiV2EX]

@freefly111 后端 golang 是因为可以很简单的打包多平台的可执行文件，而且自带打包静态资源到可执行文件里，非常方便部署，没有外部依赖。前端用啥都无所谓了，jquery ，vue ，react 都行。

[hanxiV2EX]

@Pipecraft 那可能是需要充值的，很多年前充了一笔。。。

[hanxiV2EX]

@Pipecraft 另外置顶也是为了多收获一点用户，有用户才能有需求，有反馈才能让项目活起来。就像我上一个活的项目 xiaomusic ，用户量很多了，多到一堆需求做不完。。。

[Pipecraft]

@hanxiV2EX #30 有道理。xiaomusic 这个项目热度很高啊，厉害了 👍
那顺便我也介绍一下我的项目，我在做的是书签 webapp ，和你的有些接近。
以后有计划加导航页功能。
目前还在开发🀄️
https://utags.link/

[HRTops]

@hanxiV2EX 这是 ai 的力量哈哈哈

[hanxiV2EX]

@HRTops 哈哈哈

[leic4u]

@hanxiV2EX #30 老哥，xiaomusic 的需求没做完还开新坑，你哪来那么多精力😂

[lizhenda]

@freefly111 没有所谓的 go 和 vue 搭配用起来方便的说法啊，哈哈，其实前后端分离，各自用啥技术栈都可以，看自己顺手。不过我自己也喜欢 go 和 vue 。

[hanxiV2EX]

@leic4u 哈哈哈哈哈哈哈哈

[hellomsg]

用一个 html 文件不能实现吗？

[hanxiV2EX]

@hellomsg 最早还真是把所有前端写在一个 html 文件里的。。。

[Pipecraft]

@hellomsg #37 我正在写的书签应用就是一个 HTML 文件，没有后台。https://utags.link/
把 HTML 随便扔到一个 http 服务器里就能用。

[bugcreator]

这是搞抽象吗?

[programApe]

自己写的 https://g2.al/ 一个集短链+临时邮箱+导航+今日热榜聚合的网站，不过有些功能还没实现，还在研究

[hanxiV2EX]

@bugcreator 分享而已。。。

[hanxiV2EX]

@programApe 不错，大杂烩

[hanxiV2EX]

@ixwen 优化了一下，颜色不完全反转了。

[hanxiV2EX]

今天又优化了一下，修复了深色模式刷新后没了的情况，新增了无密码浏览模式。

[sunshower]

为什么这么多的导航的一个套路 图标+名字 ？连个简单简介都没有，而且排版都很空，信息量都上不去

[hanxiV2EX]

@sunshower 私人导航的话还好，就像手机桌面图标一样。如果是共用的导航，倒是可以加个简介。

[yyll]

http://zhuayu.144881.com/ 既然这样那我也发下，里面还有个养成游戏

[RamenCurator]

我认为导航网站这个应用不该存在。
我是 Win 用户。
我有 Listary 、Everything 、Powershell 的 searchbar 作搜索软件。
遇到网站，就创建快捷方式，丢到“我的网站们”文件夹里。
如果一个网站不好记，就 SEO 优化，比如 V2EX 网站创建两个快捷方式，一个叫 V2EX ，一个叫 v 站。

如果说云，就把我的文件夹给`git init`，提交到 github ，别的地方拉下来。
如果说到了没有梯子的电脑，就手动部署梯子。没有梯子的电脑我放弃使用。

我这一套走下来，呼叫搜索框、输入名字，直接出来。
手不离键盘，2 秒完成。

[hanxiV2EX]

@RamenCurator 电脑确实合适，但是手机上用不了。

[RamenCurator]

@hanxiV2EX
我的手机是刷的谷歌 ROM
网站的话，思路一样，“快捷方式”发送到桌面。

虽然安卓也有类似 searchBar 的开源应用，但是手机打字还是麻烦了。所以我个人依旧是记住快捷方式的位置，当作按钮来按。不常用的 App 就放到“抽屉”（呃，这个词能明白不）。
桌面的 App 可以保持在 2 页之内。

导航网站的优势只有，云。
但我个人不用两把手机，所以目前没有这个需求。

[RamenCurator]

想做开源是好事。但是合适的产品也很重要。
花了很多时间做了没人需要的产品，并不是好事。
加油。

[K120]

https://github.com/xjh22222228/nav

[kcblog]

人手一个导航吗 巧了我也有哈哈哈
https://dh.kcblog.top/