前言

Magic Resume 是一个现代化的在线简历编辑器，让创建专业简历变得简单有趣。基于 Next.js 和 Motion 构建，支持实时预览和自定义主题-支持导出PDF格式

界面

以下是与该项目相关的一些图片：

导出PDF

✨ 特性

• 🚀 基于 Next.js 14+ 构建
• 💫 流畅的动画效果 (Motion)
• 🎨 自定义主题支持
• 🌙 深色模式
• 📤 导出为 PDF
• 🔄 实时预览
• 💾 自动保存
• 🔒 硬盘级存储

🛠️ 技术栈

• Next.js 14+
• TypeScript
• Motion
• Tiptap
• Tailwind CSS
• Zustand
• Shadcn/ui
• Lucide Icons

DEMO

1.官方demo
https://magicv.art/zh
2.我搭建的demo
https://resume.lylyyzq.dpdns.org/

准备条件

1）一台服务器或者NAS
我们使用飞牛云NAS和VPS来演示
需要vps的可以看以下信息
莱卡云官网
2）本项目使用到的github
https://github.com/JOYCEQL/magic-resume?tab=readme-ov-file

目前已经1.5k个 stars
更多功能可以访问GitHub
3）域名
域名可以根据自己的需求绑定。

①《飞牛NAS上搭建》

直接在docker新增一个compose项目即可
新建项目：

magic-resume

compose配置如下：

services:  # 定义服务列表
  magic-resume:  # 定义名为 magic-resume 的服务
    image: siyueqingchen/magic-resume:main  # 使用 siyueqingchen/magic-resume:main 镜像运行容器
    ports:
      - "3780:3000"  # 将宿主机的 3780 端口映射到容器的 3000 端口
    environment:
      - NODE_ENV=production  # 设置环境变量 NODE_ENV 为 production，用于生产环境
    restart: always  # 设置容器在退出时总是自动重启（除非手动停止）

启动即可

正常启动

补充docker可用的镜像仓库

国内如果无法拉取镜像的可以使用
仓库1

https://proxy.1panel.live/

仓库2

https://docker.1panel.top/

仓库3

https://mirror.azure.cn/

仓库4

https://hub.rat.dev/

仓库5

https://docker.1ms.run

仓库6

https://docker.itelyou.cf/

仓库7

https://abc.itelyou.cf/

仓库8

https://docker.ywsj.tk/

②《vps上搭建》

一、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

二、创建docker-compose.yml文件

mkdir magic-resume;cd magic-resume #创建一个目录，并进入此目录

然后再新建docker-compose.yml

vim docker-compose.yml

services:  # 定义服务列表
  magic-resume:  # 定义名为 magic-resume 的服务
    image: siyueqingchen/magic-resume:main  # 使用 siyueqingchen/magic-resume:main 镜像运行容器
    ports:
      - "3780:3000"  # 将宿主机的 3780 端口映射到容器的 3000 端口
    environment:
      - NODE_ENV=production  # 设置环境变量 NODE_ENV 为 production，用于生产环境
    restart: always  # 设置容器在退出时总是自动重启（除非手动停止）

三、执行容器运行命令

docker-compose up -d #运行容器

docker-compose ps  #查看是否开启成功

正常启动如下所示

 docker-compose ps
NAME                          IMAGE                             COMMAND                  SERVICE        CREATED          STATUS          PORTS
magic-resume-magic-resume-1   siyueqingchen/magic-resume:main   "docker-entrypoint.s…"   magic-resume   21 minutes ago   Up 21 minutes   0.0.0.0:3780->3000/tcp, [::]:3780->3000/tcp

四、打开web页面使用

成功以后需要打开自己相应的端口(3780)防火墙就可以web端访问了
打开自己VPS的端口加ip进入初始化页面

http://ip:3780

五、绑定域名

如需绑定域名的自行绑定
绑定域名可以参考
NginxProxyManager
https://duan.yyzq.eu.org//npm-ch
绑定完域名配置好证书就可以使用本地目录备份了

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

欢迎关注我们的微信公众号！