阿拉评判
读完需要
分钟
速读仅需 2 分钟
1. 项目介绍
2. 下载安装
目前 Dashy 最新版本为 2.1.1,可以通过 Docker 来安装。
docker run -d --name dashy -p 8080:80 lissy93/dashy

3. 使用说明
搭建好 Dashy 服务后,接下来,让我们看看它有哪些功能吧。本章将包含以下内容:
主题:修改 Dashy 的主题。
导航:添加一个导航网站。
组件:添加一个内置的组件。
布局:调整 Dashy 的布局。
3.1 主题

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

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

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

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


如此,导航网站便添加好了。
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
修改完配置文件后,需要等待一段时间才会生效。之后刷新页面,可以看到新加的组件:

3.4 布局
在默认的布局下,导航栏被自动分割成了两列,看上去不太直观。我们可以调整 Dashy 的布局方式来解决这个问题。
将『Layout』的方式改为『Vertical』,即垂直布局。我们来看看效果:
4. 写在最后
在这篇文章中,我向大家介绍了 Dashy 的基本用法。Dashy 给我的第一印象无疑是惊艳的,除了颜值爆表的界面,还有高自由度的配置方案。而组件的引入,又大大增加了实用性。
总体而言,Dashy 上手可能会有些难度,但是熟悉后,我们完全可以根据自己的喜好打造一个酷炫又实用的导航站。
References
[1]
Dashy: https://github.com/Lissy93/dashy
原文始发于微信公众号(阿拉平平):Dashy 使用指南:一款高颜值的自托管的导航页服务
版权声明:本文内容由互联网用户自发贡献,该文观点仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 举报,一经查实,本站将立刻删除。
文章由极客之音整理,本文链接:https://www.bmabk.com/index.php/post/287392.html