AI 助理
备案控制台
开发者社区 云原生 文章 正文

云原生之使用Docker部署home-page个人导航页

2024-05-07 146
版权
版权声明：
本文内容由阿里云实名注册用户自发贡献，版权归原作者所有，阿里云开发者社区不拥有其著作权，亦不承担相应法律责任。具体规则请查看《 阿里云开发者社区用户服务协议》和 《阿里云开发者社区知识产权保护指引》。如果您发现本社区中有涉嫌抄袭的内容，填写 侵权投诉表单进行举报，一经查实，本社区将立刻删除涉嫌侵权内容。
本文涉及的产品
文件存储 NAS，50GB 3个月
简介： 【5月更文挑战第4天】云原生之使用Docker部署home-page个人导航页

一、home-page个人导航页介绍

1.1 home-page简介

  • home-page简介

home-page是一款 一个简洁的NAS导航页面&主页

1.2 home-page使用场景

  • 家庭网络存储：可以将NAS设备连接到家庭网络中，通过home-page来管理和访问存储在NAS上的文件和数据。用户可以使用主页来快速浏览文件夹、上传和下载文件，以及搜索文件。

  • 小型办公室：对于小型办公室或团队，home-page可以用作集中存储和共享文件的平台。用户可以通过主页轻松地浏览存储在NAS上的文件，与团队成员共享文件夹，并设置访问权限。

  • 远程访问：home-page还提供了远程访问的功能，使用户可以在任何地方通过互联网连接到NAS设备并访问文件。这对于需要在不同地点之间共享和管理文件的用户非常方便。

  • 多媒体共享：如果NAS设备用于存储和共享媒体文件（如照片、视频、音乐等），home-page可以用作媒体库的导航页面和主页。用户可以通过主页方便地浏览媒体文件，以及使用内置的播放器来播放视频和音乐。

    二、本地环境介绍

    2.1 本地环境规划

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

hostname IP地址 操作系统版本 Docker版本
jeven 192.168.3.166 centos 7.6 20.10.17

2.2 本次实践介绍

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

三、本地环境检查

3.1 检查Docker服务状态

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

[root@jeven ~]# systemctl status docker
● docker.service - Docker Application Container Engine
   Loaded: loaded (/usr/lib/systemd/system/docker.service; enabled; vendor preset: disabled)
   Active: active (running) since Sat 2023-11-04 21:48:30 CST; 1 day 18h ago
     Docs: https://docs.docker.com
 Main PID: 43919 (dockerd)
    Tasks: 63
   Memory: 171.9M
   CGroup: /system.slice/docker.service

3.2 检查Docker版本

检查Docker版本

[root@jeven ~]# docker version
Client: Docker Engine - Community
 Version:           20.10.17
 API version:       1.41
 Go version:        go1.17.11
 Git commit:        100c701
 Built:             Mon Jun  6 23:05:12 2022
 OS/Arch:           linux/amd64
 Context:           default
 Experimental:      true

Server: Docker Engine - Community
 Engine:
  Version:          20.10.17
  API version:      1.41 (minimum version 1.12)
  Go version:       go1.17.11
  Git commit:       a89b842
  Built:            Mon Jun  6 23:03:33 2022
  OS/Arch:          linux/amd64
  Experimental:     false
 containerd:
  Version:          1.6.6
  GitCommit:        10c12954828e7c7c9b6e0ea9b0c02b01407d3ae1
 runc:
  Version:          1.1.2
  GitCommit:        v1.1.2-0-ga916309
 docker-init:
  Version:          0.19.0
  GitCommit:        de40ad0

3.3 检查docker compose 版本

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

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

四、下载home-page镜像

在docker hub下载kahosan/home-page镜像

[root@jeven ~]# docker pull kahosan/home-page
Using default tag: latest
latest: Pulling from kahosan/home-page
96526aa774ef: Already exists
824de1d006d4: Pull complete
76c34934b331: Pull complete
fdef87f136ff: Pull complete
eea78192431d: Pull complete
3c90c684c8c2: Pull complete
d582057a6e90: Pull complete
59b02d3b77e5: Pull complete
2a799944fdb0: Pull complete
d8096d7c6ba9: Pull complete
891feb70e715: Pull complete
585d7f93433f: Pull complete
Digest: sha256:0ee8a54c69ecf0e6c0f930d4c6c925467e941f801abc300b50d700b5d45fa05d
Status: Downloaded newer image for kahosan/home-page:latest
docker.io/kahosan/home-page:latest

五、部署home-page导航页

5.1 创建挂载目录

  • 创建挂载目录
mkdir -p /data/home-page/configs && cd /data/home-page
  • 设置目录权限
chmod -R 777 /data/home-page/

5.2 修改services.json文件

可以根据需要修改configs/services.json文件。

vim configs/services.json

[
  {
   
   
    "name": "百度",
    "path": "https://www.baidu.com",
    "description": "百度搜索",
    "icon": "logo-react"
  },
  {
   
   
    "name": "示例卡片",
    "path": "/tmp",
    "description": "这是一个示例",
    "icon": "logo-react"
  },
  {
   
   
    "name": "示例卡片2",
    "path": "/tmp",
    "description": "这是另一个示例",
    "icon": "logo-react"
  }
]

5.3 编辑docker-compose.yaml文件

编辑docker-compose.yaml文件

version: '3'
services:
  home-page:
    container_name: home-page
    image: kahosan/home-page
    user: 1000:1000
    environment:
      - TZ=Asia/Shanghai
#      - NEXT_PUBLIC_HOME_TWITTER=https://twitter.com/kaho_suyf
      - NEXT_PUBLIC_HOME_BLOG=http://192.168.3.208:8090/ #个人博客地址
      - NEXT_PUBLIC_HOME_HEADER_TITLE=我的导航   #主标题
      - NEXT_PUBLIC_HOME_TITLE=我的网站    #副标题
    volumes:
      - /data/home-page/configs/services.json:/app/services.json
    ports:
      - 3000:3000

5.4 创建home-page容器

使用docker compose 快速创建home-page容器

docker compose up -d

在这里插入图片描述

5.5 检查home-page容器状态

检查home-page容器运行状态

[root@jeven home-page]#  docker ps
CONTAINER ID   IMAGE                                 COMMAND                  CREATED          STATUS          PORTS                              NAMES
4d75dc6f6ec1   kahosan/home-page                     "docker-entrypoint.s…"   46 seconds ago   Up 44 seconds   0.0.0.0:3000->3000/tcp, :::3000->3000/tcp   home-page

5.6 检查home-page容器日志

检查home-page容器运行日志，确保home-page服务正常启动。

[root@jeven home-page]# docker logs home-page
  ▲ Next.js 13.5.3
  - Local:        http://4d75dc6f6ec1:3000
  - Network:      http://172.24.0.2:3000

 ✓ Ready in 118ms

六、访问home-page首页

访问地址：http://192.168.3.166:3000，将IP地址改为自己服务器的IP地址。

在这里插入图片描述

七、home-page的基本使用

7.1 打开个人博客链接

打开左下方的Blog选项，进入在yaml文件中设置的个人博客网站。

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

7.2 同步数据

选择设置，可以将数据同步到onedrive上。

在这里插入图片描述

在这里插入图片描述

7.3 修改导航卡片内容

点击右上角的编辑选项，选定某个导航卡片。

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

修改卡片内容，可以编辑导航卡片的名称、描述、链接等信息。

在这里插入图片描述

7.4 新增导航卡片

选择新增卡片，编辑卡片信息。

在这里插入图片描述

在这里插入图片描述

打开新增的导航链接网站。

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

八、总结

home-page是一款方便实用的NAS导航页面和主页。它的简洁设计和丰富功能使得管理和访问NAS设备上的文件和应用程序变得轻松愉快。无论是个人用户还是企业用户，都可以从中受益。整体的使用体验非常不错，页面也很流畅无卡顿，需要导航页工具的小伙伴，可以尝试体验一番。

文章标签：
文件存储NAS
容器
Docker
文件存储
Cloud Native
存储
关键词：
Docker部署
云原生docker
云原生部署
Docker云原生
云原生Docker部署
相关实践学习
基于ECS和NAS搭建个人网盘
本场景主要介绍如何基于ECS和NAS快速搭建个人网盘。
阿里云文件存储 NAS 使用教程
阿里云文件存储（Network Attached Storage，简称NAS）是面向阿里云ECS实例、HPC和Docker的文件存储服务，提供标准的文件访问协议，用户无需对现有应用做任何修改，即可使用具备无限容量及性能扩展、单一命名空间、多共享、高可靠和高可用等特性的分布式文件系统。 产品详情：https://www.aliyun.com/product/nas
江湖有缘
目录
相关文章
请看我回答~
|
4天前
|
Kubernetes 监控 Cloud Native
云原生时代下的应用开发与部署实践
【10月更文挑战第4天】在云原生的浪潮中，开发者和运维人员面临着新的挑战和机遇。本文将通过实际案例，展示如何在云平台上高效地开发、部署和管理应用，同时确保系统的可扩展性和高可用性。我们将深入探讨容器化技术、微服务架构以及持续集成/持续部署（CI/CD）流程的实施策略，旨在为读者提供一套完整的云原生解决方案框架。
请看我回答~
22 6
最好zzz
|
4天前
|
运维 网络安全 持续交付
IDEA+Docker 远程一键部署项目：技术干货分享
【10月更文挑战第4天】在现代软件开发中，快速、可靠、自动化的部署流程是提升开发效率和运维质量的关键。IDEA（IntelliJ IDEA）作为Java开发者首选的IDE，结合Docker这一轻量级容器化技术，能够实现远程一键部署项目，极大地简化了开发到生产的流程。今天，我将和大家分享这一组合在工作学习中的实际应用和技术干货。
最好zzz
29 3
mrq4nk6ni2neg
|
6天前
|
Kubernetes Cloud Native 云计算
云原生入门：从Docker到Kubernetes的旅程
【10月更文挑战第2天】本文将带你走进云原生的世界，从基础的Docker容器技术开始，逐步深入到Kubernetes集群管理。我们将通过实际代码示例，探索如何利用这些工具构建、部署和管理现代云应用。无论你是初学者还是有经验的开发者，这篇文章都将为你提供宝贵的知识和技能，让你在云原生领域迈出坚实的一步。
mrq4nk6ni2neg
34 5
一缕微风绕指柔
|
6天前
|
Kubernetes 持续交付 Docker
利用 Docker 和 Kubernetes 实现微服务部署
【10月更文挑战第2天】利用 Docker 和 Kubernetes 实现微服务部署
一缕微风绕指柔
28 0
江湖有缘
|
1天前
|
存储 前端开发 测试技术
【Docker项目实战】使用Docker部署Calcium网页计算器
【10月更文挑战第7天】使用Docker部署Calcium网页计算器
江湖有缘
7 1
【Docker项目实战】使用Docker部署Calcium网页计算器
baker_zhuang
|
6天前
|
人工智能 数据安全/隐私保护 虚拟化
Docker部署MaxKB详细步骤（window系统）
这篇文章详细介绍了如何在Windows系统上使用Docker部署MaxKB，并提供了从安装Docker到运行MaxKB容器的详细步骤，以及如何通过浏览器访问和配置MaxKB来使用ollama和llama3模型进行问答。
baker_zhuang
58 1
Docker部署MaxKB详细步骤（window系统）
肥猪肥猪-17824
|
4天前
|
Kubernetes Cloud Native Docker
云原生入门：Kubernetes和Docker的协同之旅
【10月更文挑战第4天】在这篇文章中，我们将通过一次虚拟的旅行来探索云原生技术的核心——Kubernetes和Docker。就像乘坐一艘由Docker驱动的小船启航，随着波浪（代码示例）起伏，最终抵达由Kubernetes指挥的宏伟舰队。这不仅是一段技术上的旅程，也是理解现代云架构如何支撑数字世界的冒险。让我们扬帆起航，一探究竟！
肥猪肥猪-17824
26 4
江湖有缘
|
4天前
|
存储 测试技术 Linux
【Docker项目实战】使用Docker部署Radicale日历和联系人应用
【10月更文挑战第4天】使用Docker部署Radicale日历和联系人应用
江湖有缘
22 0
【Docker项目实战】使用Docker部署Radicale日历和联系人应用
贝锐
|
6天前
|
定位技术 文件存储 网络架构
Docker部署PhotoPrism、Immich图片管理应用，无需公网IP远程访问教程
除了Synology、QNAP、TerraMaster等品牌的NAS设备内置图库功能，市面上还有多种备受欢迎的第三方应用，如PhotoPrism、Immich、LibrePhotos、Piwigo、Photoview等。这些应用不仅提供强大的图片管理能力，还可通过Docker轻松部署。借助贝锐花生壳服务，即使没有公网IP也能实现远程访问，突破地理限制，提升数据可访问性和安全性，让用户随时随地管理私人图库。
贝锐
33 1
江湖有缘
|
7天前
|
运维 测试技术 Linux
【Docker项目实战】使用Docker部署lemonitor镜像站点列表程序
【10月更文挑战第1天】使用Docker部署lemonitor镜像站点列表程序
江湖有缘
18 0
【Docker项目实战】使用Docker部署lemonitor镜像站点列表程序

热门文章

最新文章

  • 1
    高效运维之Docker持续部署图文详解
  • 2
    docker 安装 mysql(arm64)
  • 3
    使用 Docker 部署 Django + MySQL 8 开发环境
  • 4
    Jenkins中Pipeline没有Docker执行权限解决办法
  • 5
    Jenkins使用pipeline自动打包Docker镜像
  • 6
    如何使用Docker构建运行时间较长的脚本
  • 7
    推送docker镜像至Docker Hub
  • 8
    《Docker进阶与实战》——第3章理解Docker镜像
  • 9
    使用 docker-compose 部署 Redis 服务
  • 10
    docker nginx 部署 vue项目
  • 1
    构建未来：云原生架构在企业数字化转型中的关键作用
    51
  • 2
    云原生架构的未来展望：如何引领企业转型与创新
    81
  • 3
    构建未来：云原生架构在企业数字化转型中的关键角色
    44
  • 4
    构建未来：云原生架构在企业数字化转型中的关键作用
    55
  • 5
    探索云原生架构的演进与未来发展
    92
  • 6
    探索云原生技术的未来发展趋势
    104
  • 7
    探索云原生架构的未来：如何优化资源管理和服务部署
    101
  • 8
    构建高效云原生应用：Kubernetes与微服务架构的融合
    80
  • 9
    SpringCloudAlibaba:4.1云原生网关higress的搭建
    135
  • 10
    云原生之使用Docker部署Nas-Cab个人NAS平台
    642

    • 相关课程

    更多
  • 深入解析Docker容器化技术
  • 基于Docker与Jenkins实现自动化部署
  • Docker 快速入门
  • Docker完全自学手册图文教程
  • AI开发者的Docker实践
  • Docker 入门

    • 相关电子书

    更多
  • 应用 Docker 进行持续交付：用技术改变交付路程
  • 从Docker到容器服务
  • 构建基因数据应用生态系统—— docker in Bio/informatics

    • 相关实验场景

    更多
  • 部署并使用Docker（AlibabaCloud Linux 3）
  • 云原生场景自动化响应ECS系统事件
  • 云原生HTAP数据库，让你的交易和分析一库搞定
  • Docker Compose部署案例
  • Docker Compose入门
  • 使用 Fleet 管理 Elastic Agent 监控应用

    • 推荐镜像

    更多
  • docker-ce
  • docker-toolbox
  • alpine
    • 下一篇
    阿里云无影AI云电脑亮相 体验大幅升级