一、简介

当你购买一个云服务器并且做好域名备案的时候，最好搭建一个个人主页。因为，域名服务商会不定时检测你的主域名对应的网站，以及网站是否在页脚带上备案号等信息，如果主域名长时间不存在网站服务或者备案号，那么你的域名备案就会被收回（都是泪）。如果想再次使用，只能重新备案。

这里介绍博主当前在用的两个不同个人主页，以及其他一些很不错的开源个人主页。

二、部署

1. imsyy/home

羲阳个人主页

上述个人主页出自Github开源项目，这个主页简洁又不失炫酷
体验地址：https://cmyang.top
项目地址：https://github.com/imsyy/home

  • 获取代码
git clone https://github.com/imsyy/home.git
  • 配置修改
# 进入到代码目录
cd home
# 复制配置文件
cp .env.example .env
# 根据 .env 文件里配置的注释，修改为你自己的服务器信息
  • 修改 网站列表
# 编辑 src/assests 目录下的 siteLinks json文件
vim /src/assests/siteLinks.json
  • 修改 图标列表
# 编辑 src/assests 目录下的 socialLinks json文件
vim /src/assests/socialLinks.json
  • docker 部署
# 构建
docker build -t home:latest .
# 运行
docker run -itd --name home --restart=always -p 12445:12445 home:latest
  • 静态部署
# 1. 先编译静态文件 npm run build
# 2. 将编译出的静态文件 dist 上传到服务器
# 3. 配置nignx，代理主域名到dist目录下
location / {
    root   /data/dist;
    index  index.html index.htm;
}
# 4. 访问主域名即可。

三、推荐

1. ZYYO666/homepage

homepage

项目地址：https://github.com/ZYYO666/homepage

2. Tomotoes/HomePage

开屏页
主页

项目地址：https://github.com/Tomotoes/HomePage

3. n0tssss/NutssssIndex

个人主页

项目地址：https://github.com/n0tssss/NutssssIndex

4. kasuie/remio-home

个人主页

项目地址：https://github.com/kasuie/remio-home

5. xOS/Nange

羲阳个人主页

项目地址：https://github.com/xOS/Nange

6. xOS/Home

个人主页

项目地址：https://github.com/xOS/Home

7. ChengCheng0v0/ACG-Home

个人主页

项目地址：https://github.com/ChengCheng0v0/ACG-Home

8. lqbby/Tech-Home

个人主页

项目地址：https://github.com/lqbby/Tech-Home

9. MadisonWirtanen/OneNav

个人主页

项目地址：https://github.com/MadisonWirtanen/OneNav

10. idealclover/Homepage

个人主页

项目地址：https://github.com/idealclover/Homepage