制作个人动态简历

深碍√TFBOYSˉ_ 2022-09-03 10:23 221阅读 0赞

## 制作个人动态简历 ##

动态简历效果如下gif图：  
![请添加图片描述][e5f7a9a7fab74c7fa2a926e2571ab511.gif]  
简历在线访问地址：[https://monkeyhlj.github.io/resume/public/][https_monkeyhlj.github.io_resume_public]

上图中动态简历源码可见我的`Github`：[https://github.com/monkeyhlj/resume][https_github.com_monkeyhlj_resume]

该简历主要开发技术为`Node.js`，框架为`Vue`，如果你喜欢这个效果，`Fork` 我的项目，打造你自己的简历！

> 本项目源于：[https://github.com/jirengu-inc/animating-resume][https_github.com_jirengu-inc_animating-resume]。这里向原作者表示深深的敬意。

## 使用方法 ##

1.  安装Node.js环境：[https://nodejs.org/][https_nodejs.org]
2.  安装git: [https://git-scm.com/][https_git-scm.com]

## 执行以下命令 ##

git clone -b gh-pages https://github.com/monkeyhlj/resume.git
    cd resume
    npm install
    npm run dev

## 部署方法 ##

1.  编辑 `config/index.js`，修改第 10 行的 `assetsPublicPath`，值为 `项目名/public/`。如果你没有修改项目名`resume`，则可跳过此步骤。
2.  编译、上传
    
        npm run build
        git add .
        git commit -m "提交信息"
        git push
3.  开启 GitHub Pages 功能, 或者，把生成的目标文件`public/*`放在你的web服务器上。
4.  访问地址：`https://你的github用户名.github.io/resume/public`。

[e5f7a9a7fab74c7fa2a926e2571ab511.gif]: /images/20220829/6df5a5bbfea542caabd588fd10a2aaba.png
[https_monkeyhlj.github.io_resume_public]: https://monkeyhlj.github.io/resume/public/
[https_github.com_monkeyhlj_resume]: https://github.com/monkeyhlj/resume
[https_github.com_jirengu-inc_animating-resume]: https://github.com/jirengu-inc/animating-resume
[https_nodejs.org]: https://nodejs.org/
[https_git-scm.com]: https://git-scm.com/