搭建一个漂亮的 个人主页

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

准备条件
1)一台服务器
2)本项目的github
https://github.com/imsyy/home
3)域名

在vps安装docker和docker-compose

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


修改网站信息
进入 作者的 https://github.com/imsyy/home
fork到自己的github
进入自己的git修改如下文件改成自己的即刻

网站链接
在 中可以自定义网站链接(以指向自己的网站):src/assets/siteLinks.json

{
  "icon": "Blog",						
  "name": "博客",						
  "link": "https://blog.imsyy.top/"	
},
社交链接
在 中可以自定义社交链接。src/assets/socialLinks.json

修改个人介绍等
在.env

设置完成

进入vps 还是部署
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   


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

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

五、绑定域名