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

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

home-page简介

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

二、本地环境介绍

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正常运行。

代码语言：shell

复制

[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版本

代码语言：shell

复制

[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以上版本。

代码语言：shell

复制

[[root@jeven ~]# docker compose version

Docker Compose version v2.19.1

四、下载home-page镜像

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

代码语言：shell

复制

[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 创建挂载目录

代码语言：shell

复制

mkdir -p /data/home-page/configs && cd /data/home-page

代码语言：shell

复制

chmod -R 777 /data/home-page/

5.2 修改services.json文件

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

代码语言：shell

复制

vim configs/services.json

代码语言：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文件

代码语言：yaml

复制

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</code></pre></div></div><h3 id="f1ndu" name="5.4--%E5%88%9B%E5%BB%BAhome-page%E5%AE%B9%E5%99%A8">5.4  创建home-page容器</h3><blockquote><p>使用docker compose 快速创建home-page容器</p></blockquote><div class="rno-markdown-code"><div class="rno-markdown-code-toolbar"><div class="rno-markdown-code-toolbar-info"><div class="rno-markdown-code-toolbar-item is-type"><span class="is-m-hidden">代码语言：</span>shell</div></div><div class="rno-markdown-code-toolbar-opt"><div class="rno-markdown-code-toolbar-copy"><i class="icon-copy"></i><span class="is-m-hidden">复制</span></div></div></div><div class="developer-code-block"><pre class="prism-token token line-numbers language-shell"><code class="language-shell" style="margin-left:0">docker compose up -d</code></pre></div></div><figure class=""><div class="rno-markdown-img-url" style="text-align:center"><div class="rno-markdown-img-url-inner" style="width:auto"><div style="width:100%"><img src="https://cdn.static.attains.cn/app/developer-bbs/upload/1723342344798295138.png" /></div><div class="figure-desc">在这里插入图片描述</div></div></div></figure><h3 id="cuh1c" name="5.5-%E6%A3%80%E6%9F%A5home-page%E5%AE%B9%E5%99%A8%E7%8A%B6%E6%80%81">5.5 检查home-page容器状态</h3><blockquote><p>检查home-page容器运行状态</p></blockquote><div class="rno-markdown-code"><div class="rno-markdown-code-toolbar"><div class="rno-markdown-code-toolbar-info"><div class="rno-markdown-code-toolbar-item is-type"><span class="is-m-hidden">代码语言：</span>shell</div></div><div class="rno-markdown-code-toolbar-opt"><div class="rno-markdown-code-toolbar-copy"><i class="icon-copy"></i><span class="is-m-hidden">复制</span></div></div></div><div class="developer-code-block"><pre class="prism-token token line-numbers language-shell"><code class="language-shell" style="margin-left:0">[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