Dashy 使用指南:一款高颜值的自托管的导航页服务


阿拉评判

读完需要

5

分钟

速读仅需 2 分钟


不知道小伙伴们平时用什么当作自己的浏览器主页?我自己的话,一直在用的是 Infinity 插件,这插件有多好用也不用我来吹了。不过最近我又发现了一个非常酷炫的导航页服务:Dashy,能不能挑战一下呢?


1. 项目介绍

   

Dashy[1] 是一个开源的自托管的导航页配置服务,具有易于使用的可视化编辑器、状态检查、组件和主题等功能。本文将介绍 Dashy 的安装和基本用法。

2. 下载安装

   

目前 Dashy 最新版本为 2.1.1,可以通过 Docker 来安装。

docker run -d --name dashy -p 8080:80 lissy93/dashy
服务启动后,在浏览器中输入 http://<server-ip>:8080 访问。
Dashy 使用指南:一款高颜值的自托管的导航页服务


3. 使用说明

   

搭建好 Dashy 服务后,接下来,让我们看看它有哪些功能吧。本章将包含以下内容:

  • 主题:修改 Dashy 的主题。

  • 导航:添加一个导航网站。

  • 组件:添加一个内置的组件。

  • 布局:调整 Dashy 的布局。


3.1 主题

   

Dashy 集成了多种主题,可以到『Theme』菜单中进行更改。
Dashy 使用指南:一款高颜值的自托管的导航页服务

如果不喜欢 Dashy 的内置主题,我们还可以自定义主题样式。

Dashy 使用指南:一款高颜值的自托管的导航页服务


3.2 导航

   

可以看到,Dashy 默认自带了一个与自身相关的导航栏,包含演示地址、帮助文档等等。这是一个很好的参考对象,现在让我们添加一个新的导航栏。

点击右上角『Config』下的铅笔图标,进入编辑模式:
Dashy 使用指南:一款高颜值的自托管的导航页服务

点击『Add New Section』,填写相关信息并保存。

Dashy 使用指南:一款高颜值的自托管的导航页服务

导航栏添加好后,再点击『Add New Item』添加一个网站:

Dashy 使用指南:一款高颜值的自托管的导航页服务
网站添加好后,点击『Save to Disk』让其永久生效。
Dashy 使用指南:一款高颜值的自托管的导航页服务

如此,导航网站便添加好了。

Dashy 使用指南:一款高颜值的自托管的导航页服务


3.3 组件

   

Dashy 的核心功能是导航,不过有意思的是,它还支持添加组件。通过添加 Dashy 的内置组件,可以让导航页的功能更加丰富。

以添加时钟组件为例,我们进入容器并修改配置文件 public/conf.yml,在 sections 下加入:

- name: Clock
    icon: fa fa-clock
    displayData:
      rows: 3
    widgets:
      - type: clock        
        options:
          timeZone: Asia/Shanghai
          format: zh-cn
          hideDate: false

修改完配置文件后,需要等待一段时间才会生效。之后刷新页面,可以看到新加的组件:

Dashy 使用指南:一款高颜值的自托管的导航页服务

3.4 布局

   

在默认的布局下,导航栏被自动分割成了两列,看上去不太直观。我们可以调整 Dashy 的布局方式来解决这个问题。

将『Layout』的方式改为『Vertical』,即垂直布局。我们来看看效果:

Dashy 使用指南:一款高颜值的自托管的导航页服务


4. 写在最后

   

在这篇文章中,我向大家介绍了 Dashy 的基本用法。Dashy 给我的第一印象无疑是惊艳的,除了颜值爆表的界面,还有高自由度的配置方案。而组件的引入,又大大增加了实用性。

总体而言,Dashy 上手可能会有些难度,但是熟悉后,我们完全可以根据自己的喜好打造一个酷炫又实用的导航站。

References

[1] Dashyhttps://github.com/Lissy93/dashy

原文始发于微信公众号(阿拉平平):Dashy 使用指南:一款高颜值的自托管的导航页服务

版权声明:本文内容由互联网用户自发贡献,该文观点仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 举报,一经查实,本站将立刻删除。

文章由极客之音整理,本文链接:https://www.bmabk.com/index.php/post/287392.html

(1)
码上实战的头像码上实战

相关推荐

发表回复

登录后才能评论
极客之音——专业性很强的中文编程技术网站,欢迎收藏到浏览器,订阅我们!