[toc]
一个超简单的在线 markdown 静态页面渲染,用来放放简历啦 (移动端已适配)。
based on vue3 + tailwind + node-express + nginx + docker
首页:
管理编辑页 :( /admin )
实时修改你的简历
Visitors 访问统计页面:( /visitors)
提供了基本的访问记录统计, 记录了访问时间,访问者ip, 城市等信息。
-
step1: fork 这个项目
-
step2: 先在
/web/index.html
中将 title 该成你自己需要的 title<!-- 这里 --> <title>Change here to yours</title>
-
step3: 按需 在
docker-compose.yml
中定义你的环境变量resume-web: container_name: 'resume-web' restart: always build: context: ./web/ dockerfile: Dockerfile args: - VITE_ADMIN_PASSWD="1234" # 构建阶段注入环境变量 # 在这里定义你的变量 ports: ........
支持以下环境变量:
变量字段 描述 是否可缺省 默认值 VITE_ADMIN_PASSWD
/admin 的密码, 简历编辑页面的 密码 ❌️ VITE_PASSWD
简历首页访问的密码, 可缺省, 如果缺省或者设定为空字符串则会视作没有访问密码 ✔️ 无 VITE_PASSWD_INPUT_LABEL
提示密码输入的 <input>
框label
值✔️ '请输入密码:' VITE_SUCCESS_TITLE
密码正确时的提示 title ✔️ '成功' VITE_SUCCESS_CONTENT
密码正确时的提示 content ✔️ '密码正确!' VITE_ERROR_TITLE
密码错误时的提示 title ✔️ '错误!' VITE_ERROR_CONTENT
密码错误时的提示 content ✔️ '请验证密码输入!' VITE_PASSINPUTPAGE_BG 密码输入页面的背景图, 可选择值:food | circuit-board | wave | foliage | square ✔️ circuit-board 以下是一份示例环境变量设定:
# /web/.env VITE_ADMIN_PASSWD=123 VITE_PASSWD=12 VITE_PASSINPUTPAGE_BG=food VITE_PASSWD_INPUT_LABEL=请输入密码哦,请你西瓜🍉️🍉️: VITE_SUCCESS_TITLE=成功 🥳️ VITE_SUCCESS_CONTENT=密码验证成功!🎉️🎉️🎉️ VITE_ERROR_TITLE=君子坦蛋蛋,小人藏鸡鸡! VITE_ERROR_CONTENT=再错我报警了啊!!!
-
step4: 复制你 fork 的仓库地址
-
step5: 登陆你的服务器, 然后找个地方 把 代码 clone 下来
服务器
git clone
可能很慢, 建议先同步到 Gitee, 然后从 Gitee 中 clone -
step6: 执行:
docker-compose up -d
# 第一次执行需要等久一些,输出如下说明运行正常: ...... ...... Creating mysql-db ... done Creating resume-server ... done Creating resume-web ... done
# 查看运行情况 docker ps
默认该 web 服务将会serve 在你服务器的
83
端口。 -
特别注意:
注意: 如果你需要部署在你自己的域名服务器,你需要做一层代理转发,还有nginx的一些相关配置,否则, /visitors 页面将无法正确记录访问者实际ip地址
# nginx.conf ...... location / { proxy_pass http://localhost:83/; proxy_set_header X-Real-IP $remote_addr; proxy_set_header X-Forwarded-For $remote_addr; #不可缺失,否则将无法正确追踪访问者ip proxy_set_header Host $http_host; proxy_set_header X-Nginx-Proxy true; proxy_set_header Connection ""; } ......
如果你自行修改了前端代码, 但是再线上服务器重新执行 docker-compose down
, docker-compose up -d
, 但是前端没有刷新,可以在 根目录下执行一下命令 :
npm run docker:rebuild
如果你手动修改了 init.sql 变更了数据表,你可能需要手动删除 ./mysql-data 先,否则可能不被覆盖
无需再次执行 docker-compose up
-
支持密码访问 -
支持管理页面 -
支持管理页面背景图 -
访问记录页面 -
环境变量抽离到部署服务器
-
访问记录分析统计图表