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，以查看自您上次拉動以來發生的事情，請注意，上游更改可能會破壞您的自定義！
