nextjs resume
1.0.0
尤其是在软件专业人士中构建的简历。通过一个美丽而令人难以置信的快速简历网站给您的潜在雇主留下深刻的印象，或者生成用于电子邮件和印刷的PDF。
见一个示例
您的简历还可以生成一个安全的URL，该URL将显示在公共URL上无法访问的信息。安全版本可以包括私人信息，例如电子邮件，电话号码和邮寄地址。您可以将私人链接发送到潜在的雇主，也可以使用它为自己生成更完整的PDF。
该项目仅需要几个步骤来设置您的自定义配置，将内容添加到内部CMS，然后部署到Vercel或Netlify！
最简单的入门方法是克隆并部署一步。之后，您可以编辑CMS和模板以符合您的需求。
该项目旨在部署在Netlify或Vercel上。您可以单击以下按钮之一，以克隆回购，设置环境变量和部署。
要自定义您的简历，请克隆您刚创建到本地机器和cd的项目。
cd my-resume
npm i我已经使用bun ， npm ， pnpm和yarn测试了该项目，但没有遇到任何显着问题。为了开发测试跑者默认为bun 。
在“喜欢的编辑器”中打开项目，然后在根部打开edit-me/config/文件夹，您可以在其中编辑resumeConfig.ts文件以满足您的需求。配置文件包含以下整个项目中都将使用的常数（键入这些常数以提供适当的自动完成和错误检查）：
accentColor ： AccentColor 。来自Radix UI颜色的重音调色板的名称。如果使用标准颜色，则对比鲜明的文本颜色将为白色，如果使用鲜艳的颜色，则对比鲜明的文本颜色将为黑色。neutralColor ： NeutralColor 。 Radix UI灰色的中性调色板的名称。appTheme ： 'system' | 'light' | 'dark' 。如果将appTheme设置为system ，则Résumé站点将默认为用户的系统偏好。如果设置为light或dark则用户的偏好将被过度。imageTheme ： 'light' | 'dark' 。您的OG共享图像和应用程序图标将在光或黑暗变体中生成。pdfTheme ： 'light' | 'dark' 。您的PDF将在光或黑暗变体中生成。您还会找到在文档底部生成外部链接的links.ts 。您可以在这些链接并附上使用简单图标中的任何图标。
Résumé发电机提供19个口音调色板和6个中性调色板。以下是光和黑暗模式下几个变化的屏幕截图。
| 光模式 | 黑暗模式 |
|---|---|
蓝色/淡紫色 | 蓝色/淡紫色 |
红宝石/灰色 | 红宝石/灰色 |
薄荷/板岩 | 薄荷/板岩 |
您的重音，中性和配色方案偏好也适用于生成的OG图像。
| 光模式 | 黑暗模式 |
|---|---|
蓝色/板岩 | 蓝色/板岩 |
接下来，修改edit-me/content/中包含的模拟CMS数据。每个标记文件都使用用于将属性添加到项目的前物质字段。这些属性是类型安全的，因此如果缺少必需字段或无效，则项目将无法运行。 Markdown文件的其余部分将作为HTML渲染，以提供该项目的描述。
尽管模拟文件应该是非常不言自明的，但您可以查看“ contentlayer配置”，以详细描述所需字段和可选字段。
无论在何处部署了该应用程序，都可能需要访问以下环境变量：
PRIVATE_KEY （可选）：这是由作者确定的代码，该代码将提供对包含私人信息的简历版本的URL访问。我们建议生成此代码（例如uuid或使用密码生成器）。 可以将您的项目配置为提供一个秘密URL，该秘密URL将显示比公共URL更多的信息。如果您想向潜在的雇主发送完整的简历，或者您想生成PDF以供自己使用，这将很有帮助。在此版本中，您可以包括个人信息，例如电子邮件，电话号码和您不希望向公众看到的地址。
仅当您添加PRIVATE_KEY环境变量时，私有URL才能使用。如果在本地工作，则可以将其添加到.env.local文件中：
PRIVATE_KEY=your-private-key
然后，您可以访问https://your-url.com/private/your-private-key ，以查看Résumé的私人版本。
对于内置的降价集成，请注意，您必须确保不要将私人信息提交给公共git repo 。仅在私人存储库中使用此功能，即使到那时，请注意将私人信息投入到任何GIT存储库中的安全问题。
要将私有数据添加到CMS中，只需将其添加到privateFields文件夹中即可。
cms/privateFields/ 。添加您想要显示的任意数量的私人联系信息字段。它们将以排列在文件夹中的顺序出现，因此您可以使用数字前缀订购。label ：必需的字符串。该字段的标签，例如“电子邮件”或“地址”。该私人网址与您发送给的人一样安全。为了使旧的私人URL无效，您只需要更改PRIVATE_KEY环境变量即可。
该模板的构建是响应式，美丽且可访问的。它支持Web版本中的自动暗/光模式主题，以及PDF版本中出色的单页打印布局。该项目支持一组最小的配置，例如重音颜色，但是如果您是前端开发人员或设计师，则可以轻松打开源代码并自定义它，但是您认为合适。
如果您真的想深入自定义，则可以完全控制根文件夹tailwind.config.ts文件中的尾风配置。
我们使用Next.js图像生成来生成动态开放图（Facebook/Twitter）共享图像和应用程序图标。您可以使用src/app/api/og/route.tsx和src/app/icon.tsx中的tailwind类编辑OG图像的布局，样式和文本。
此动态共享图像将使用您的自定义accentColor设置以及CMS的数据。
为了将您的个人简历与该项目的最新版本同步，您可以执行以下操作：
// add the original repo as a git remote
git remote add upstream [email protected]:colinhemphill/nextjs-resume.git
// pull changes from upstream
git pull upstream main然后解决任何合并冲突，并进行所需的更改。您需要查看ChangElog，以查看自您上次拉动以来发生的事情，请注意，上游更改可能会破坏您的自定义！
