云原生之使用Docker部署Dashy个人导航页

news/2024/11/29 20:41:26/

云原生之使用Docker部署Dashy个人导航页

  • 一、Dashy介绍
    • 1.1 Dashy简介
    • 1.2 Dashy特点
  • 二、本地环境介绍
    • 2.1 本地环境规划
    • 2.2 本次实践介绍
  • 三、本地环境检查
    • 3.1 检查Docker服务状态
    • 3.2 检查Docker版本
    • 3.3 检查docker compose 版本
  • 四、部署前准备工作
    • 4.1下载Dashy源码包
    • 4.2 查看Dashy源码包
  • 五、部署dashy个人导航页
    • 5.1 创建数据目录
    • 5.2 设置登录用户
      • 5.2.1 编辑conf.yml文件
      • 5.2.2 对密码进行hash加密
      • 5.2.3 在conf.yml文件中设置用户名
    • 5.3 查看docker-compose.yml文件
    • 5.4 创建Dashy容器
    • 5.5 检查dashy容器状态
  • 六、访问Dashy个人导航页
  • 七、Dashy的基本使用
    • 7.1 设置中文语言
    • 7.2 更换主题
    • 7.3 新增网页链接
    • 7.4 打开新增网页链接

一、Dashy介绍

1.1 Dashy简介

Dashy是一款开源的个人导航页。它是一个集成了多个网站的页面，在这个页面上，你可以快速访问你经常使用的网站。Dashy具有高度的自定义性，你可以自己添加和删除网站，也可以自己更换主题和背景。

1.2 Dashy特点

Dashy个人导航页的特点包括：

  • 美观简洁：Dashy个人导航页的界面设计简洁美观，不会给用户带来视觉上的疲劳感。

  • 自定义分类：用户可以自行添加、删除、编辑导航页中的分类，将网站进行分类整理，便于快速查找。

  • 支持拖拽：用户可以通过拖拽网站链接的方式将其添加到自己的导航页中，方便快捷。

  • 多设备同步：Dashy个人导航页可同步多设备，用户可以在任何一台设备上查看自己设定的导航页。

  • 快捷搜索：Dashy个人导航页支持快速搜索，用户可以在搜索框中输入相关关键字，即可快速定位到所需网站。

  • 多主题选择：用户可以根据自己的喜好选择不同的主题，个性化自己的导航页。

二、本地环境介绍

2.1 本地环境规划

本次实践为个人测试环境，操作系统版本为centos7.6。

hostnameIP地址操作系统版本Docker版本
jeven192.168.3.166centos 7.620.10.17

2.2 本次实践介绍

1.本次实践部署环境为个人测试环境，生产环境请谨慎使用；
2.在Docker环境下成功部署Dashy个人导航页。

三、本地环境检查

3.1 检查Docker服务状态

检查Docker服务是否正常运行，确保Docker正常运行。

[root@jeven ~]# systemctl status docker
● docker.service - Docker Application Container EngineLoaded: loaded (/usr/lib/systemd/system/docker.service; enabled; vendor preset: disabled)Active: active (running) since Thu 2023-06-15 16:03:02 CST; 1 day 22h agoDocs: https://docs.docker.comMain PID: 32147 (dockerd)Tasks: 13Memory: 718.7M

3.2 检查Docker版本

检查Docker版本

[root@jeven ~]# docker -v 
Docker version 20.10.17, build 100c701

3.3 检查docker compose 版本

检查Docker compose版本，确保2.0以上版本。

[root@jeven ~]# docker compose version
Docker Compose version v2.6.0

四、部署前准备工作

4.1下载Dashy源码包

在github下载Dashy源码包

 git clone https://github.com/Lissy93/dashy.git

4.2 查看Dashy源码包

  • 查看源码目录
[root@jeven dashy]# tree -L 2 ./
./
├── app.json
├── CNAME
├── docker
│   ├── Dockerfile-arm32v7
│   ├── Dockerfile-arm64v8
│   ├── Dockerfile-lite
│   ├── Dockerfile-old
│   ├── docker-readme.md
│   ├── hooks
│   └── nginx.conf
├── docker-compose.yml
├── Dockerfile
├── docs
│   ├── alternate-views.md
│   ├── assets
│   ├── authentication.md
│   ├── backup-restore.md
│   ├── configuring.md
│   ├── contributing.md
│   ├── credits.md
│   ├── deployment.md
│   ├── developing.md
│   ├── development-guides.md
│   ├── icons.md
│   ├── management.md
│   ├── multi-language-support.md
│   ├── pages-and-sections.md
│   ├── privacy.md
│   ├── quick-start.md
│   ├── readme.md
│   ├── release-workflow.md
│   ├── searching.md
│   ├── showcase
│   ├── showcase.md
│   ├── status-indicators.md
│   ├── theming.md
│   ├── troubleshooting.md
│   └── widgets.md
├── LICENSE
├── netlify.toml
├── package.json
├── Procfile
├── public
│   ├── conf.yml
│   ├── favicon.ico
│   ├── fonts
│   ├── img
│   ├── index.html
│   ├── initialization.html
│   ├── item-icons
│   ├── loading-screen.css
│   ├── manifest.json
│   ├── robots.txt
│   ├── web-icons
│   └── widget-resources
├── README.md
├── server.js
├── services
│   ├── config-validator.js
│   ├── cors-proxy.js
│   ├── healthcheck.js
│   ├── print-message.js
│   ├── rebuild-app.js
│   ├── save-config.js
│   ├── serverless-functions
│   ├── ssl-server.js
│   ├── status-check.js
│   ├── system-info.js
│   └── update-checker.js
├── src
│   ├── App.vue
│   ├── assets
│   ├── components
│   ├── directives
│   ├── main.js
│   ├── mixins
│   ├── router.js
│   ├── store.js
│   ├── styles
│   ├── utils
│   └── views
├── vue.config.js
└── yarn.lock21 directories, 62 files

五、部署dashy个人导航页

5.1 创建数据目录

创建数据目录

 mkdir -p /data/st/dashy/icons

5.2 设置登录用户

5.2.1 编辑conf.yml文件

在/data/st/dashy/目录下，编辑conf.yml文件，内容如下。

vim conf.yml

---
# Page meta info, like heading, footer text and nav links
pageInfo:title: Dashydescription: Welcome to your new dashboard!navLinks:- title: GitHubpath: https://github.com/Lissy93/dashy- title: Documentationpath: https://dashy.to/docs# Optional app settings and configuration
appConfig:theme: colorfullayout: autoiconSize: mediumlanguage: enauth:users:- user: admin    # 改成自己的用户名hash: 8c6976e5b5410415bde908bd4dee15dfb167a9c873fc4bb8a81f6f2ab448a918   # cha256 哈希加密，地址用这个： https://emn178.github.io/online-tools/sha256.htmltype: admin
# Main content - An array of sections, each containing an array of items
sections:
- name: Getting Startedicon: fas fa-rocketitems:- title: Dashy Livedescription: Development a project management links for Dashyicon: https://i.ibb.co/qWWpD0v/astro-dab-128.pngurl: https://live.dashy.to/target: newtab- title: GitHubdescription: Source Code, Issues and Pull Requestsurl: https://github.com/lissy93/dashyicon: favicon- title: Docsdescription: Configuring & Usage Documentationprovider: Dashy.toicon: far fa-bookurl: https://dashy.to/docs- title: Showcasedescription: See how others are using Dashyurl: https://github.com/Lissy93/dashy/blob/master/docs/showcase.mdicon: far fa-grin-hearts- title: Config Guidedescription: See full list of configuration optionsurl: https://github.com/Lissy93/dashy/blob/master/docs/configuring.mdicon: fas fa-wrench- title: Supportdescription: Get help with Dashy, raise a bug, or get in contacturl: https://github.com/Lissy93/dashy/blob/master/.github/SUPPORT.mdicon: far fa-hands-helping

5.2.2 对密码进行hash加密

设置登录用户名为admin，密码为admin，密码进行hash加密
访问网址：https://emn178.github.io/online-tools/sha256.html

在这里插入图片描述

5.2.3 在conf.yml文件中设置用户名

将hash加密后的密码填入到conf.yml中

在这里插入图片描述

5.3 查看docker-compose.yml文件

查看docker-compose.yml文件，可以修改映射端口和挂载路径等。

[root@jeven dashy]# cat docker-compose.yml 
---
# Welcome to Dashy! To get started, run `docker compose up -d`
# You can configure your container here, by modifying this file
version: "3.8"
services:dashy:container_name: Dashy# Pull latest image from DockerHubimage: lissy93/dashy# To build from source, replace 'image: lissy93/dashy' with 'build: .'# build: .# Or, to use a Dockerfile for your archtecture, uncomment the following# context: .# dockerfile: ./docker/Dockerfile-arm32v7# You can also use an image with a different tag, or pull from a different registry, e.g:# image: ghcr.io/lissy93/dashy or image: lissy93/dashy:arm64v8# Pass in your config file below, by specifying the path on your host machinevolumes:- /data/st/dashy/conf.yml:/app/public/conf.yml- /data/st/dashy/icons:/app/public/item-icons# Set port that web service will be served on. Keep container port as 80ports:- 4000:80# Set any environmental variablesenvironment:- NODE_ENV=production# Specify your user ID and group ID. You can find this by running `id -u` and `id -g`#  - UID=1000#  - GID=1000# Specify restart policyrestart: unless-stopped# Configure healthcheckshealthcheck:test: ['CMD', 'node', '/app/services/healthcheck']interval: 1m30stimeout: 10sretries: 3start_period: 40s

5.4 创建Dashy容器

使用docker compose快速创建Dashy容器

[root@jeven dashy]# docker compose up -d
[+] Running 2/2⠿ Network dashy_default  Created                                                                                                                 0.1s⠿ Container Dashy        Started                                                                                                                 0.4s

在这里插入图片描述

5.5 检查dashy容器状态

检查dashy容器状态

[root@jeven dashy]# docker compose ps
NAME                COMMAND                  SERVICE             STATUS               PORTS
Dashy               "docker-entrypoint.s…"   dashy               running (starting)   0.0.0.0:4000->80/tcp, :::4000->80/tcp

六、访问Dashy个人导航页

访问地址：http://192.168.3.166:4000/
输入设置的用户名和密码。

在这里插入图片描述

在这里插入图片描述

七、Dashy的基本使用

7.1 设置中文语言

  • 进入设置界面

在这里插入图片描述

  • 选择主菜单——设置语言——简体中文——保存。

在这里插入图片描述

在这里插入图片描述
在这里插入图片描述

7.2 更换主题

在主题选项，选择主题即可。

在这里插入图片描述

在这里插入图片描述

7.3 新增网页链接

  • 进入交互编辑器，选择添加新链接。

在这里插入图片描述

在这里插入图片描述

7.4 打开新增网页链接

打开新增网页链接

在这里插入图片描述
在这里插入图片描述


http://www.ppmy.cn/news/437556.html

相关文章

搭建环境【2】windows主机和ubuntu互传文件的4种方法

搭建环境【2】windows主机和ubuntu互传文件的4种方法

我的ubuntu系统是安装在 VMware 虚拟机中的，两者之间经常要互传文件，下面介绍4种常用的互传文件方法。 1. 共享文件夹方式互传 在虚拟机中需要开启共享文件夹的功能。首先虚拟机中的ubuntu要求是已经开机了的状态，然后进行设置：…
阅读更多...
预测神经胶质瘤基因型的多模态学习

预测神经胶质瘤基因型的多模态学习

文章目录 Multi-modal learning for predicting the genotype of glioma摘要本文方法多模态数据生成Brain networks construction via self-supervised NNsMulti-modal learning for image, geometrics and brain networksBi-level multi-modal contrastive loss Population gr…
阅读更多...
第15章_锁

第15章_锁

第15章_锁 事务的 隔离性 由这章讲述的 锁 来实现。 1. 概述 锁是计算机协调多个进程或线程并发访问某一资源的机制。在程序开发中会存在多线程同步的问题，当多个线程并发访问某个数据的时候，尤其是针对一些敏感的数据（比如订单、金额等)&…
阅读更多...
count() 优化

count() 优化

Q: 为什么别人问你MySQL优化的知识 总是没有底气. A: 因为你只是回答一些大而化之的调优原则, 比如:”建立合理索引”(什么样的索引合理?) “分表分库”(用什么策略分表分库?) “主从分离”(用什么中间件?) 并没有从细化到定量的层面去分析. 如qps提高了%N? 有没有减少文件…
阅读更多...
多线程与多进程

多线程与多进程

多线程与多进程 知识预览 一 进程与线程的概念二 threading模块三 multiprocessing模块四 协程五 IO模型 回到顶部 一 进程与线程的概念 1.1 进程 考虑一个场景：浏览器，网易云音乐以及notepad 三个软件只能顺序执行是怎样一种场景呢？另外&am…
阅读更多...
OpenStack安装部署

OpenStack安装部署

OpenStack是一个美国国家航空航天局和Rackspace合作研发的，以Apache许可证授权，并且是一个自由软件和开放源代码项目。 OpenStack主要包括以下几个子项目:OpenStack Compute(Nova)、云对象存储Cloud ObjectStorage(Swift)、镜像管理 (Glance)、身份识别…
阅读更多...
Mysql优化（高级篇）

Mysql优化（高级篇）

Mysql数据库优化篇 Q: 为什么别人问你MySQL优化的知识 总是没有底气. A: 因为你只是回答一些大而化之的调优原则, 比如:”建立合理索引”(什么样的索引合理?) “分表分库”(用什么策略分表分库?) “主从分离”(用什么中间件?) 并没有从细化到定量的层面去分析. 如qps提高了…
阅读更多...
安全跑路指南2013之乌云版

安全跑路指南2013之乌云版

首先写这篇文章只是无聊之作，添加了自己的一些想发，如果因此文章造成的任何后果本人不负任何责任。还请大家遵守法律,因为你犯的事情实在太大你即使逃到国外也能给你引渡回来，此文章仅供走投无路的时候使用。如有错误或不合理的地方欢迎纠正。…
阅读更多...
最新文章

Copyright @ 2022~2023