在NAS上部署Dashy个人导航页,实现内外网访问,别让NAS吃灰了!Docker部署Dashy导航页教程

2022-12-29 14:08:41 46点赞 527收藏 31评论

开篇碎碎念

本期主题:在Docker、威联通、群晖、绿联NAS上部署Dashy个人导航页,打造精美个人主页,应用和服务再多也不怕,一键直达!

大家好,前几篇文章中分享了使用NAS搭建Flare导航页的文章。

不少朋友也挺感兴趣,导航页产品有许多个,今天就来演示Dashy导航页的搭建和使用教程

Dashy导航页比Flare更加强大,自带主题更加多,且自定义能力更强,许多玩家也是推荐Dashy来当个人导航页。官方展示的Demo界面如下,大家觉得好看吗?

在NAS上部署Dashy个人导航页,实现内外网访问,别让NAS吃灰了!Docker部署Dashy导航页教程

而前几篇搭建的Flare界面如下图所示,大家觉得Flare和Dashy哪个更好看呢?

在NAS上部署Dashy个人导航页,实现内外网访问,别让NAS吃灰了!Docker部署Dashy导航页教程

我觉得两种都挺好看,但比较受欢迎的应该是Dashy,主题多,可自定义选项多,并且还有状态监测之类的功能。

这不,我就在NAS上成功部署了Dashy,成功在群晖、威联通、绿联NAS上运行。

在NAS上部署Dashy个人导航页,实现内外网访问,别让NAS吃灰了!Docker部署Dashy导航页教程

我最终配置好的Dashy界面如下,本篇就来演示在常规Docker、群晖、威联通、绿联NAS上部署Dashy的演示,以及Dashy的上手设置。毕竟官方的文档都是英文,有些新手朋友操作可能有点难,希望本篇帮到大家部署和入门使用Dashy。

在NAS上部署Dashy个人导航页,实现内外网访问,别让NAS吃灰了!Docker部署Dashy导航页教程

如有帮助,请各位关注、点赞,让我更有动力创作,感谢各位!

安装前说明

安装首先参考官方文档,进入dashy开源界面(搜索引擎去搜索,也可照抄网址),往下拉可以看到Docker下部署命令,可以得到两条信息,默认端口是80,要自定义映射端口,以及要映射confi.yml文件夹,所以首先按文档来配置一个这个yml的文档,后续安装时会用到。

大家想安装任何容器也是一样的,首先参考官方文档的方法就没错了。

在NAS上部署Dashy个人导航页,实现内外网访问,别让NAS吃灰了!Docker部署Dashy导航页教程

点击Documentation进入官方文档。

在NAS上部署Dashy个人导航页,实现内外网访问,别让NAS吃灰了!Docker部署Dashy导航页教程

然后点击Quick-Start,找到Configuring配置文件,往下一直拉,直到看到这些配置文件,点击Copy复制。

在NAS上部署Dashy个人导航页,实现内外网访问,别让NAS吃灰了!Docker部署Dashy导航页教程

返回电脑桌面,新建一个txt文本,命名为my-local-conf,打开,粘贴上面复制的文本,保存,关闭txt,然后将.txt后缀改为.yml格式即可,如Windows看不到后缀,百度Windows显示文件扩展名,就可看到,再更改,这些很简单,就不赘述了。

这个yml配置文件在后续步骤会用到,dashy生成的配置文件都会保存到此yml文件中,后续如想备份,也是直接备份此yml文件即可。

在NAS上部署Dashy个人导航页,实现内外网访问,别让NAS吃灰了!Docker部署Dashy导航页教程

下面来说说常规Docker下、群晖、威联通、绿联NAS下如何部署dashy容器。

常规Docker部署Dashy

部署当然是参数官方开源界面提示啦,进入官方开源界面,往下拉,即可看到部署方法,打开SSH,通过PUTTY等连接后,运行命令即可安装;当然,也可在Docker Hub中找到此镜像和相关文档。

在NAS上部署Dashy个人导航页,实现内外网访问,别让NAS吃灰了!Docker部署Dashy导航页教程

群晖NAS部署Dashy

我的群晖是使用两年半的蜗牛星际,安装了群晖系统。

在NAS上部署Dashy个人导航页,实现内外网访问,别让NAS吃灰了!Docker部署Dashy导航页教程

进入群晖后台,打开Docker应用,点击注册表,搜索lissy93/dashy,选中,下载映像。

在NAS上部署Dashy个人导航页,实现内外网访问,别让NAS吃灰了!Docker部署Dashy导航页教程

返回打开文件总管,在docker文件夹中新建dashy文件夹,在dashy文件夹中上传前文中配置好的yml文件即可。

在NAS上部署Dashy个人导航页,实现内外网访问,别让NAS吃灰了!Docker部署Dashy导航页教程

返回Docker,这时映像也下载好了,选中,启动,点击高级设置。

在NAS上部署Dashy个人导航页,实现内外网访问,别让NAS吃灰了!Docker部署Dashy导航页教程

来到如下界面,在高级设置中勾选重新启动;点击存储空间,添加文件,选择前面上传的yml文件,装载路径/app/public/conf.yml照抄即可。

在NAS上部署Dashy个人导航页,实现内外网访问,别让NAS吃灰了!Docker部署Dashy导航页教程

点击网络,选择brideg;点击端口设置,本地端口自定义一个未占用的端口即可,容器端口是80,不要改。

在NAS上部署Dashy个人导航页,实现内外网访问,别让NAS吃灰了!Docker部署Dashy导航页教程

点击应用,下一步,确定之类的直到部署成功。

在NAS上部署Dashy个人导航页,实现内外网访问,别让NAS吃灰了!Docker部署Dashy导航页教程

OK,部署成功,在容器处可看到运行状态,输入NAS的IP地址加你自定义的端口,即可访问dashy后台,成功部署了。

在NAS上部署Dashy个人导航页,实现内外网访问,别让NAS吃灰了!Docker部署Dashy导航页教程

威联通NAS部署Dashy

我目前的威联通机型是TS-462C,一款4盘位NAS,搭载了N4505处理器,自己升到了8G内存,方便玩虚拟机和Docker,一款有性价比的机器。

在NAS上部署Dashy个人导航页,实现内外网访问,别让NAS吃灰了!Docker部署Dashy导航页教程

威联通(QNAP)TS-462C4盘位4G内存Intel®处理器网络存储服务器内建2.5G网口NAS私有云(TS-451D升级版)2310元京东去购买

进入威联通后台,打开Container Station即Docker,点击镜像文件-提取,名称处输入lissy93/dashy-提取,右上角会有进度,等它提取映像完成。

在NAS上部署Dashy个人导航页,实现内外网访问,别让NAS吃灰了!Docker部署Dashy导航页教程

返回,打开文件总管,在Container文件夹中新建dashy文件夹,并在dashy文件夹中新建前文中新建好的yml文件即可。

在NAS上部署Dashy个人导航页,实现内外网访问,别让NAS吃灰了!Docker部署Dashy导航页教程

然后,重命名为conf文件名即可。

在NAS上部署Dashy个人导航页,实现内外网访问,别让NAS吃灰了!Docker部署Dashy导航页教程

返回容器界面,这时映像也下载好了,找到或搜索dashy,点击+号进入部署。

在NAS上部署Dashy个人导航页,实现内外网访问,别让NAS吃灰了!Docker部署Dashy导航页教程

名称或资料限制随意吧,按需求,或可默认,然后往下拉,点击高级设置。

在NAS上部署Dashy个人导航页,实现内外网访问,别让NAS吃灰了!Docker部署Dashy导航页教程

点击网络,网络模式选择NAT,主机处端口自定义一个未占用的端口,我写8888,Container端口不要动,默认是80。

在NAS上部署Dashy个人导航页,实现内外网访问,别让NAS吃灰了!Docker部署Dashy导航页教程

点击共享文件夹,挂载本机共享文件夹就选择前面新建的dashy文件夹即可,挂载路径输入/app/public即可,注意不要输错了。

点击创建-确认,即可完成容器部署啦。

在NAS上部署Dashy个人导航页,实现内外网访问,别让NAS吃灰了!Docker部署Dashy导航页教程

返回总览,可以看到成功运行,也可以在此进行停止、删除、重启容器等操作。

在NAS上部署Dashy个人导航页,实现内外网访问,别让NAS吃灰了!Docker部署Dashy导航页教程

浏览器中输入NAS的IP加你自定义的端口,即可成功访问。

在NAS上部署Dashy个人导航页,实现内外网访问,别让NAS吃灰了!Docker部署Dashy导航页教程

绿联NAS部署Dashy

绿联的话演示机型为DX4600,N5105+8G配置,可扩展内存,支持双M.2+4盘位,属实配置拉满了,对于新手用户来说非常容易上手,可以说开箱即上手,全金属机身,质感拉满,颜值在线,只要你的绿联支持Docker都可以跟着部署。

在NAS上部署Dashy个人导航页,实现内外网访问,别让NAS吃灰了!Docker部署Dashy导航页教程

绿联私有云DX4600数据博士8G版Nas网络存储服务器(四核4盘位空盘款)家庭个人云网盘网络硬盘存储服务器2799元京东去购买

绿联电脑版绿联客户端,点击Docker-镜像管理-添加,输入lissy93/dashy,确定,选择最新latest拉取。

在NAS上部署Dashy个人导航页,实现内外网访问,别让NAS吃灰了!Docker部署Dashy导航页教程

显示All done表示拉取完成。

在NAS上部署Dashy个人导航页,实现内外网访问,别让NAS吃灰了!Docker部署Dashy导航页教程

在镜像管理中找到拉取好的dashy,点击创建容器,打开高级模式,下一步。

在NAS上部署Dashy个人导航页,实现内外网访问,别让NAS吃灰了!Docker部署Dashy导航页教程

在基础设置中,将重启策略设置为容器退出时问题重启容器,这样,NAS重启后,dashy也会跟着重启。

在NAS上部署Dashy个人导航页,实现内外网访问,别让NAS吃灰了!Docker部署Dashy导航页教程

点击网络,因为dashy默认容器端口是80,太常用了,所以网络处选择bridge,点击端口设置,在本地端口处填写一个未占用的端口,如8000、8888等任意都可以,我填写8888。

在NAS上部署Dashy个人导航页,实现内外网访问,别让NAS吃灰了!Docker部署Dashy导航页教程

返回绿联客户端,点击绿联云盘,我是新建一个Docker文件夹专门保存Docker的文件的,在此文件夹下新建dashy文件夹,在dashy文件夹中上传在『安装前说明』文章部分配置好的yml文件即可。

在NAS上部署Dashy个人导航页,实现内外网访问,别让NAS吃灰了!Docker部署Dashy导航页教程

返回Docker,点击存储空间,添加,按下图形式添加,映射前面上传的yml文件,设置为可读写。

在NAS上部署Dashy个人导航页,实现内外网访问,别让NAS吃灰了!Docker部署Dashy导航页教程

将创建后启动容器打勾,点下一步,下一步,确认之类的即可完成容器部署。

在NAS上部署Dashy个人导航页,实现内外网访问,别让NAS吃灰了!Docker部署Dashy导航页教程

返回容器管理,找到部署好的dashy容器,点击快捷访问,即可跳转到dashy后台,部署成功。

在NAS上部署Dashy个人导航页,实现内外网访问,别让NAS吃灰了!Docker部署Dashy导航页教程

Dashy初上手

好的,部署完成后,进入dashy后台,也就是你NAS的IP加上部署时你自定义的端口即可进入后台。

首先,界面默认中英文,点击右上角的螺丝刀图标进入设置,在MAIN MENU中点击Change App Language,根据你的语言天赋选择对应语言即可,我的语言天赋是中文,所以选择中文即可。

在NAS上部署Dashy个人导航页,实现内外网访问,别让NAS吃灰了!Docker部署Dashy导航页教程

提供好几十个主题,任君选择,我此处就按默认的Colorful主题来演示使用吧。

在NAS上部署Dashy个人导航页,实现内外网访问,别让NAS吃灰了!Docker部署Dashy导航页教程

点击右上角的设置中的笔的图标,即可进入编辑模式。可编辑部分以下几部分。

1,页首,即Home Lab旁的编辑图标可编辑这里显示的文字;

2,Section,图中中间的3个部分即为Section,可无限添加;

3,每个Section中都有Add New Item选项,可添加各自的书签或快捷方式。

在NAS上部署Dashy个人导航页,实现内外网访问,别让NAS吃灰了!Docker部署Dashy导航页教程

好的,点击上图的Home Lab中的编辑按钮,进入下图, 标题,可修改页首想显示什么,描述也可填写。

在NAS上部署Dashy个人导航页,实现内外网访问,别让NAS吃灰了!Docker部署Dashy导航页教程

下部分还可以添加右上角的快捷书签,点击+号,我添加了度娘和必应,并增加了网址,如下图所求,按需求自定义。

设置完成后,往下拉,点击保存Save。

在NAS上部署Dashy个人导航页,实现内外网访问,别让NAS吃灰了!Docker部署Dashy导航页教程

然后,在左上和右上即可看到前面编辑的页首文字和描述,右上也能看到添加的快捷书签。

最后,点击右下的『保存到硬盘』才是真正保存。

在NAS上部署Dashy个人导航页,实现内外网访问,别让NAS吃灰了!Docker部署Dashy导航页教程

最后效果如下。中间的3个Section是我已经编辑好的了,这些东西怎么编辑呢?

在NAS上部署Dashy个人导航页,实现内外网访问,别让NAS吃灰了!Docker部署Dashy导航页教程

点击右上设置中的编辑按钮,重新进入编辑模式,点击添加新的Section,输入名称,往下拉找到Save保存,再点击保存到硬盘。

在NAS上部署Dashy个人导航页,实现内外网访问,别让NAS吃灰了!Docker部署Dashy导航页教程

效果如下,第4个Section添加成功;可以继续往下添加,给书签分类之类的。

点击Add New Item即代表在此Section中添加新书签,先点击一个。

在NAS上部署Dashy个人导航页,实现内外网访问,别让NAS吃灰了!Docker部署Dashy导航页教程

来到下图,先看上半部分,可以自定义书签名称,描述可随意,Icon可以添加这个书签的图标,或它支持的快捷图标font-awesome等。

Service URL即代表此书签的网址。

在NAS上部署Dashy个人导航页,实现内外网访问,别让NAS吃灰了!Docker部署Dashy导航页教程

Icon那里,可以自定义图片,比如添加一个NAS图标,搜索图库,找到要的图片,右键,复制图片网址,将此地址粘贴到Icon处即可,会调用此图片做为图标。

在NAS上部署Dashy个人导航页,实现内外网访问,别让NAS吃灰了!Docker部署Dashy导航页教程

或者去搜索Icon后方提示的支持图标,如支持fon-awesome图标,找到要的图标,复制文字粘贴到Icon处即代表使用此图标,很容易理解吧。

在NAS上部署Dashy个人导航页,实现内外网访问,别让NAS吃灰了!Docker部署Dashy导航页教程

往下拉,比如说可以添加状态监控,点击Enable Status Check即可,会添加,设置为True,当然也支持添加其它属性。保存即可。

在NAS上部署Dashy个人导航页,实现内外网访问,别让NAS吃灰了!Docker部署Dashy导航页教程

然后点击保存到硬盘,然后在首页就会成功显示书签了,设置的图片图标也成功显示为一台NAS,如果是路由器书签,就找个路由器的图片网址粘贴到Icon即可。

右上角的绿色即添加的Enable Status Check,绿色代表可以Ping通,可访问的意思,红色就代表Ping不通,说明此书签打开后无法访问,可能网址暂无法访问。

在NAS上部署Dashy个人导航页,实现内外网访问,别让NAS吃灰了!Docker部署Dashy导航页教程

如果想保存配置,也支持云端保存,云端保存后,你在另一台机器安装dashy后,可以快速恢复这些书签配置。点击设置按钮,点击编辑云端同步。

在NAS上部署Dashy个人导航页,实现内外网访问,别让NAS吃灰了!Docker部署Dashy导航页教程

点击创建备份,输入一个密码,更新备份,会上传到云端,并生成一个恢复ID,记下此ID和你的密码,以后需要恢复此配置,点击旁边的恢复备份,输入ID和密码,即可从云端下载你备份过的配置,一次性恢复,毕竟设置完一次书签后,在其它机器如有需要,简单恢复即可。

在NAS上部署Dashy个人导航页,实现内外网访问,别让NAS吃灰了!Docker部署Dashy导航页教程

OK,就按自己需求,进行分类、进行书签添加,最后,我大概配置好的界面就如下图,做了远程、内网、常用工具分类,也足够我使用了。

在NAS上部署Dashy个人导航页,实现内外网访问,别让NAS吃灰了!Docker部署Dashy导航页教程

如果觉得此界面不好看,可随意切换主题,是不是很简单,内置几十种主题。

在NAS上部署Dashy个人导航页,实现内外网访问,别让NAS吃灰了!Docker部署Dashy导航页教程

好的,Dashy初上手到此结束,相信各位跟着步骤也能配置好这些基础设置了,如果有更多需求,或者想手动配置yml,可去官方开源界面的文档中查看教程,官方文档非常详细。

关于远程访问Dashy

部署好Dashy后,发现只能在内网中访问,所以我们要考虑一些远程访问方案,在外也能访问Dashy,这才是真正的个人导航页。

如果是品牌NAS,都有自带DDNS,可以配合DDNS+公网IP实现远程访问这个Dashy网页,一键直达应用后台,公网V4难申请,不妨考虑下公网V6,我出过几篇配置公网V6进行远程访问的教程,大家感兴趣可以参考下哦。

或者最简单的,不想太折腾,搞个蒲公英硬件,比如蒲公英X1,60左右价格,只需接入你的网络中,简单几步即可配置好远程访问,3个免费成员,200-300KB的速度,限速不限量,对于轻度远程访问也是不错的,各位可去了解一下。

贝锐蒲公英X1路由器旁路组网盒子自建私有云硬盘变云盘网络存储异地组网DIY家用Nas109元京东去购买

蒲公英X1蒲公英X1

最后的最后

好的,成功使用上了Dashy,界面美观,相比Flare也是半斤八两,哪个好,就看个人选择了,适合自己的就是最合适的导航页。

作者声明本文无利益相关,欢迎值友理性交流,和谐讨论~

展开 收起
31评论

  • 精彩
  • 最新
  • 浏览器插件itab解千愁,自己部署还要ddns太麻烦。

    校验提示文案

    提交
    有公网ip是最好,顺手配置的事 [高兴]

    校验提示文案

    提交
    收起所有回复
  • [苦恼] 我是直接敲一个静态网页用免费的部署商部署,感觉更快也更方便一点

    校验提示文案

    提交
    我也正打算在我的腾讯云主机上部署试试 [邪恶]

    校验提示文案

    提交
    静态页面可以在各大平台免费部署,有些还能套cdn [邪恶]

    校验提示文案

    提交
    还有3条回复
    收起所有回复
  • 小白求教,这个和浏览器书签有撒区别

    校验提示文案

    提交
    没区别 [邪恶] 作用一样,只是看起来炫酷 [邪恶] 个人专属,vip svip plus+的感觉

    校验提示文案

    提交
    收起所有回复
  • 页面可以改背景吗

    校验提示文案

    提交
    背景好像是不能自定义,但是有几十个主题,背景跟着主题变动的

    校验提示文案

    提交
    收起所有回复
  • 有一个功能没介绍到 widgets 扩展性一下就上去了 可是我不会

    校验提示文案

    提交
    还可显示主机的占用、内存及各种运行状态,就是有点麻烦,我放弃了哈哈

    校验提示文案

    提交
    关键我都不知道怎么设置

    校验提示文案

    提交
    还有2条回复
    收起所有回复
  • unraid应该可以部署吧

    校验提示文案

    提交
    可以的,docker通用

    校验提示文案

    提交
    收起所有回复
  • 能设置账号密码吗?端口映射到外网,想输入账号密码才能查看。

    校验提示文案

    提交
    homepage这个支持,以及onedav也支持加密访问

    校验提示文案

    提交
    hp也是docker的导航页吗?

    校验提示文案

    提交
    还有2条回复
    收起所有回复
  • 可以了,有时间试试看

    校验提示文案

    提交
  • heimdall会不会更好?

    校验提示文案

    提交
  • 发现有个问题,就是设置用户名和密码后没法保存,保存到硬盘是无法点击的

    校验提示文案

    提交
  • 大佬,能把添加标签时下面其他的一些选项稍微解读一下吗?看着有点费劲,没太明白

    校验提示文案

    提交
  • flare用过,但是我觉得还是heimdall好看

    校验提示文案

    提交
  • 明明可以发三篇文章(赚金币…)……结果发了一遍,楼主亏大了… [么么哒]

    校验提示文案

    提交
  • 可以建立下载链接吗?

    校验提示文案

    提交
提示信息

取消
确认
评论举报

相关文章推荐

更多精彩文章
更多精彩文章
最新文章 热门文章
527
扫一下,分享更方便,购买更轻松