目 录CONTENT

文章目录

Docker搭建一个简约-好看的个人静态主页

yyzq
2024-04-10 / 5 评论 / 6 点赞 / 3,739 阅读 / 632 字

前言

已经有博客网站,以及导航网站,与其他各类web网站,那么我们可以搭建一个简约好看的个人主页项目-imsyy/home
image-1712745458200

demo

1.官方demo
https://www.imsyy.top/
2.本站demo
https://itellyou.cf/

功能

 载入动画
 站点简介
 Hitokoto 一言
 日期及时间
 实时天气
 时光进度条
 音乐播放器
 移动端适配

准备条件

1)一台服务器
需要便宜VPS的可以参考这个
https://duan.yyzq.eu.org/vps1
2)本项目的github
https://github.com/imsyy/home
3)域名
自己购买域名
也可以申请免费域名

一、Docker环境部署

在vps安装docker和docker-compose
Docker官方安装文档(英文)
https://duan.yyzq.eu.org/docker-001
Docker-Compose官方安装文档(英文)
https://duan.yyzq.eu.org/docker-002
Centos安装Docker和Docker-compose(中文)
https://duan.yyzq.eu.org//03
Ubuntu安装Docker和Docker-compose(中文)
https://duan.yyzq.eu.org//04

或者直接用一键脚本

docker安装脚本

bash <(curl -sSL https://cdn.jsdelivr.net/gh/SuperManito/LinuxMirrors@main/DockerInstallation.sh)

docker-compose安装脚本

curl -L "https://github.com/docker/compose/releases/latest/download/docker-compose-$(uname -s)-$(uname -m)" -o /usr/local/bin/docker-compose && chmod +x /usr/local/bin/docker-compose

二、修改网站信息

在开始部署之前可以先将源码改成自己的内容
1.建议直接forks到自己的github账号
2.直接在服务器修改
具体修改参数地方参考作者的说明

三、docker-compose部署

1.在服务器安装好依赖git
然后从github拉取自己(修改完)的源码(这里以作者的源码为例)

git clone https://github.com/imsyy/home

进入home目录

cd home

执行容器运行命令

docker-compose up -d

查看是否运行成功

docker-compose ps

正常启动如下所示

docker-compose ps
NAME                COMMAND                  SERVICE             STATUS              PORTS
home-app-1          "docker-entrypoint.s…"   app                 running             0.0.0.0:12445->12445/tcp, :::12445->12445/tcp

四、打开web页面使用

成功以后需要打开自己相应的端口(12445)防火墙就可以web端访问了

http://ip:12445  #打开自己VPS的端口加ip进入web页面

五、绑定域名

绑定域名可以参考
NginxProxyManager
https://duan.yyzq.eu.org//npm-ch
绑定完域名就可以用域名来访问了

有任何问题可以直接留言或者问我
有任何问题可以直接留言或者问我
有任何问题可以直接留言或者问我

6

评论区