制作动态简历和电子名片记录

动态简历模板

本项目源于：https://github.com/jirengu-inc/animating-resume 。向作者表达深深的敬意。

本项目借鉴于：https://zhousiwei.gitee.io/ibooks/opensource/anires.html 。向作者表示非常感谢。

本项目美化后地址：https://github.com/panyongkang/anires 。向读者表示抱歉，个人审美水平有限，欢迎提出改进和美化建议！

项目截图

简历预览

使用方法

git clone https://github.com/panyongkang/anires.git //克隆项目到本地
cd anires  //打开anires项目
npm install  //安装npm依赖包
npm run dev  //运行项目

部署方法

1. 编辑 config/index.js，修改第 10 行的 assetsPublicPath，值为 项目名/public。如果你没有修改项目名 anires，则可跳过此步骤。
2. 编译、上传

npm run build  //构建项目，运行修改完项目，需要重新构建生成public文件
git init	//初始化本地版本库,生成'.git'文件
git remote -v    //查看远程版本库信息（此时没有关联，需添加）
git remote add origin url    //添加关联远程版本库，在github上面先创建anires仓库，然后复制'url'路径
git add .  //跟踪所有改动过的内容,提交到缓存区
git commit -m "update" //提交所有更新过的文件
git push  //上传代码到远程仓库，第一次上传需要'git push origin master'，以后直接 git push即可

1. 开启 GitHub Pages 功能，把本地构建生成的目标文件public放在你的web服务器上。

2. 因为Github只允许创建一个your-github-username.github.io仓库，用于实现网页访问。之前已经用于建设博客了，因此需要将生成的public文件复制到本地Hexo博客的source目录下。

3. 修改public文件名为anires,因为hexo博客hexo g也会生成一个public文件，便于识别。

4. 修改主题_config.yml文件的导航菜单:

   关于我||fa fa-user-circle-o:
     - 母校 || http://www.xbmu.edu.cn/ || fa fa-graduation-cap
     - 简历 || /anires/ || fa fa-list-alt
     - 名片 || /vcard/ || fa fa-vcard-o

   1. 在 anires目录中新建一个index.md文件，建立type: anires是为了与导航菜单的/anires/进行关联，内容如下：

   title: 动态简历
   type: anires
   date: 2021-02-24 12:31:30

5. 跳过渲染：

   #跳过渲染
   skip_render: 
     - "vcard/**"
     - "anires/**"

动态电子名片模板

项目截图

名片预览

使用方法

直接下载vcard代码复制到source目录下面，操作方法与上述动态简历步骤基本相似，不做过多解释。

下载位置

1. 蓝奏云下载

2. Github单文件下载：

   将https://github.com/panyongkang/panyongkang.github.io/tree/master/vcard路径复制到DownGit下载即可，下载速度更快。

踩坑注意事项

执行hexo s 过程中如果出现连接404，很可能是没有添加index.md文件并写入type: vcard 。添加了渲染不了，很可能是index.html修改成了vcard.html，因为先前已经设置跳过渲染，但任然无法连接和渲染，貌似只能用index.html,不能进行自定义修改。最后重新执行命令hexo clean && hexo g && hexo s ,如果本地运行没有问题，就可以执行 hexo deploy部署上传了。