介绍
- 任何人都可以轻松地创建漂亮的网络简历(使用一些编码。)
- 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中