前言

　　最近在浏览Github的时候发现trending里面有些小项目自己个人用还挺有趣的。就决定分享一下。这个项目是一个简历项目，本意是作者用node.js做了一个本地的简洁简历，并且可以直接打印，看起来也非常好看（是我喜欢的风格）。然后我发现node.js和next.js是完全兼容的，那么也就是说这个完全可以部署在vercel上面。链接到自己的网站上或者有需要的时候发送给其他人，甚至直接打印或者保存成PDF都非常方便。

教程

拉取项目并修改简历内容

拉取项目到本地，直接拉取不要fork，原因我会在vercel发布章节解释。新建目录（tag:源码目录），在命令行输入：
```
git clone https://github.com/BartoszJarocki/cv.git
```
打开“源码目录\src\data\resume-data.tsx”文件，网页呈现的所有信息都在这里面了。

参数修改和说明

　　如果和我一样不懂css、java、tsx和node.js代码的人，注意在线发布在vercel上面的话，所有链接都不能删除、注释或者为空值，否则会报错。本地应用的话，注释掉链接是没问题的。

import

logo 部分可以全部注释掉（鉴于我完全不熟悉node.js以及tsx文件所以我没有删除任何代码，并且在功能和内容上做了一定退让）。
第二部分按照自己的需求选择

第一部分

  name: "Hugo Xu",
  initials: "HX",
  location: "Zhuhai, GD, PRC",
  locationLink: "https://www.google.com/maps/place/Zhuhai",
  about:
    "Psychologist focus on problem solving with experience in multiple fields.",
  summary:
    "With a background in applied psychology and consumer psychology. I have worked in diverse fields such as university lecturer, urban planner, and human resources director, adept at integrating psychology with business strategy and utilizing AIGC tools to efficiently identify and solve problems.",
  avatarUrl: "https://avatars.githubusercontent.com/u/60004711?v=4",
  personalWebsiteUrl: "https://home.hugoxu.xyz/",
  contact: {
    email: "0000000000",
    tel: "+0000000000",
    social: [
      {
        name: "LinkedIn",
        url: "https://www.linkedin.com/in/xxxxxx/",
        icon: LinkedInIcon,
      },
    ],
  },

变量名不要改，冒号后面的内容
locationLink直接把最后的城市名改成自己所在城市的拼音就可以了
头像只能使用Github的avatar，获取方法如下：
- 打开https://api.github.com/users/你的github用户名
- 替换这个网址中的用户名部分：https://avatars.githubusercontent.com/u/你的用户名?v=4
contact部分的内容同样不能删除、注释或者为空。

第二部分

　　后面的所有代码，注意事项和参数修改规则是一样的。

vercel发布的话，链接不能注释、删除或为空值，但是可以循环引用。也就是可以先不管它，然后跟着教程到最后发布vercel网站了再把所有的网址都替换成你的简历URL；
badges可以为空值：”；
logo可以注释掉；
一个正大括号到下一个反大括号加逗号是一段内容，删增都要针对一段内容包括逗号。建议使用VScode编辑，如果有红线就检查一下逗号。
```
{
不管有多少内容
你看得懂还是
看不懂的

},
```

本地预览

　　仅针对windows操作

下载安装node.js node.js
命令行运行：
```
npm install --global yarn
```
本地初始化项目，命令行进入源码目录执行命令：
```
yarn install
```
本地网页后端运行，命令行进入源码目录执行命令：
```
yarn dev
```
本地网页预览，在浏览器中打开：http://localhost:3000

打印或者转换PDF可以直接在浏览器中打印，选择实体打印机或者Microsoft to PDF

vercel发布

　　我的vercel链接GitHub的思路是直接在vercel上面建立项目，让vercel去新建GitHub仓库，这样能保证push可以触发vercel更新。按照网上教程说的那样先建立GitHub仓库然后新建vercel项目的时候选择链接的话会发生不明错误导致git push无法触发vercel的更新。