介紹
- 任何人都可以輕鬆地創建漂亮的網絡簡歷(使用一些編碼。)
- Next.js,使用Bootstrap CSS。
- 實際上,https://github.com/uyu423/resume- legacy用next.js進行了移植。
- 示例:https://uyu423.github.io/resume-nextjs
貢獻者
- yowu(uyu423)
- dal-ya
- 泰陽金(Taeyeong Kim)(蜥蜴 - 金)
- Taeyang Jin(Heli-Os)
- Hyogeun OH(Zerohertz)
要求
- node.js> 18
- node.js 18
ERR_OSSL_EVP_UNSUPPORTED從版本18或更高版本中發生,以避免使用NODE_OPTIONS=--openssl-legacy-provider選項。 - 建議在18或更高版本的node.js版本中對其進行測試,並建議使用
.nvmrc中列出的node.js版本。
安裝
# fork to your github account & git cloning your forked repository
npm install
運行開發模式
結構
- 資產/
- 成分/
- 頁/
- 有效載荷/
- 您只需更改有效載荷數據即可刪除個人網絡簡歷。
- 它包括簡歷渲染所需的數據。
- 底部的有效載荷細節
- 文件/
- 當執行
npm run export (next export)時,靜態HTML將在docs的底部渲染並生成。 - 可以執行GitHub頁面/ github頁面的
docs/目錄以託管github頁面。 -
docs/typedoc/包含Typedoc HTML,但不會作為npm run export產生。您可以使用npm run typedoc創建一個Typedoc。
有效載荷描述
- typedoc:https://uyu423.github.io/resume-nextjs/typedoc
- 除了
_global和footer有效載荷外,所有有效載荷都有disable?: boolean字段。如果字段為true ,則不會渲染該有效載荷的部分。
輪廓
- 個人資料圖片,名稱,聯繫方式,某些通知區域
- typedoc:iprofile.payload
- TS樣本:有效載荷/配置文件
介紹
- 自我引入區域
- typedoc:iintroduce.paylod
- TS樣本:有效載荷/介紹
技能
- 您自己技術的引言區域
- typedoc:iskill.payload
- TS樣本:有效載荷/技能
經驗
- (工作場所)介紹經驗區域
- typedoc:iexperience.paylod
- TS樣本:有效載荷/經驗
專案
- 引言實施項目
- typedoc:iproject.payload
- TS樣本:有效載荷/project.ts
開源
- 引入開源活動
- typedoc:iopensource.paylod
- TS樣本:有效載荷/OpenSource.ts
推介會
- 介紹活動的引入
- typedoc:ipresentation.payload
- TS樣本:有效載荷/呈現
文章
- 博客/SNS帖子,文章簡介區域
- typedoc:iarticle.paylod
- TS樣本:有效載荷/article.ts
教育
- 學術簡介
- typedoc:ieDucation.payload
- TS樣本:有效載荷/教育
ETC
- 介紹其他項目(比賽,認證,服務等)
- typedoc:ietc.paylod
- TS樣本:有效載荷/等
_全球的
- 全球設置的設置區域(Web標題,SEO,Favicon等)
- typedoc:iglobal.payload
- TS樣本:有效載荷/_global.ts
出口
- 靜態HTML資源是在
/docs底部生成的。 - 子路徑分支更改域結構(例如https://uyu423.github.io/resume)將
package.json中的homepage字段值更改為要託管的域。- 如果
homepage字段中有pathname ,則有一個邏輯添加了next.config.js的assetPrefix
導出到github頁面
存儲庫設置
- 選項-Github頁面-Source -Select Master Branch /Docs文件夾
- 有關GITHUB頁面源的更多信息,請參閱help.github.com。
- 運行
npm run export以更新docs中的靜態HTML。 - 如果您有外部域,請填寫自定義域項目。
- github頁面託管所需的
docs/CNAME文件是在npm run export過程中自動創建的。 - 有關
docs/CNAME文件創建,請參見package.json的homepage字段。使用自定義域時修改主頁值。 - 如果假定
package.json中的homepage字段是*.github.io/*則認為它不使用自定義域,也不會生成docs/CNAME 。 - 有關外部域的更多信息,請參閱help.github.com。
-
*.github.io如果您使用域http://{username}.github.io/{repository_name}如果連接,則會看到Web簡歷。
貢獻
問題?
- 當製作中的圖像破裂時
- 您如何調整本節的順序?
- 當前,您別無選擇,只能直接從
pages/index.tsx更改渲染順序。 - 我正在考慮如何使用數據或
_global有效載荷處理它。
- 對於圖像,CSS 404在index.html中