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

💡 实操遇到问题?需要本文配套的原视频?直接联系作者即可获取。

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

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)域名
自己购买域名
也可以申请免费域名

在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.直接在服务器修改
具体修改参数地方参考作者的说明

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

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

http://ip:12445  #打开自己VPS的端口加ip进入web页面
© 版权声明
THE END
喜欢就支持一下吧
点赞15 分享
评论 抢沙发

请登录后发表评论

    暂无评论内容