简介
jsonresume-theme-paper-pt-br 是一个基于 JSON 简历的前端框架,它提供了一个优雅简洁的布局,十分适合用于展示个人简历。它大量采用了 CSS3 的动画效果,通过把关键字与相应的动画效果结合起来,使用户在阅读简历时产生良好的视觉体验。
本文将为大家介绍如何正确地使用 npm 包 jsonresume-theme-paper-pt-br 创建自己的简历。
安装 npm 包
第一步,我们需要在安装集成了该框架的 npm 包:
npm install jsonresume-theme-paper-pt-br
把该包下载到本地后,可以在本地代码目录中找到相关的 HTML 文件、CSS 文件、图片文件以及 JavaScript 文件。
编辑个人简历 JSON 文件
接下来我们需要准备自己的 JSON 简历文件。如果还没有相关的文件,可以通过在 cmd 中输入命令行:
npm install -g resume-cli
来安装 json 简历包。安装完毕后,我们可以通过以下命令快速创建一个新的简历文件:
resume init
该命令会在本地生成一个新的简历 JSON 文件。我们可以按照自己的需求修改 JSON 文件内容,并把自己的个人信息填写到文件中。
使用 jsonresume-theme-paper-pt-br
接下来我们需要使用 jsonresume-theme-paper-pt-br 包来展示我们的简历信息。我们可以通过以下命令搭建一个本地服务器:
cd your/resume/directory resume serve --theme jsonresume-theme-paper-pt-br
在本地服务器运行后,我们就可以通过浏览器查看我们的个人简历了。
修改 jsonresume-theme-paper-pt-br 样式
jsonresume-theme-paper-pt-br 提供了一个默认样式,但是在实际使用过程中,我们可能需要修改默认样式以呈现更符合自己特点的展示信息。修改样式可以在 CSS 文件中直接修改。
以下是一个示例代码:
-- -------------------- ---- ------- -- ----------- -- -- - ---------- ----- ------ ---- - -- ----------- -- - - ---------- ----- ------ ----- - -- ----------- -- ----------- --------------- - ----------------- ------ ------ ---- -
结语
以上就是本文对使用 jsonresume-theme-paper-pt-br 包来创建自己简历的详细介绍,本文不仅提供了使用方法,还提供了修改样式的具体方法,希望对大家有所帮助。
来源:JavaScript中文网 ,转载请注明来源 https://www.javascriptcn.com/post/6005570c81e8991b448d3f67