npm 包 jsonresume-theme-modern 使用教程

AI 编程助手,豆包旗下的编程助手,提供智能补全、智能预测、智能问答等能力,节省开发时间,释放脑海中的创造力,支持 VSCode,点击体验 AI

简介

jsonresume-theme-modern 是一款基于 JSON Resume 的主题包,使用简单,美观易读,支持多种简历模版。本文将详细介绍如何使用 jsonresume-theme-modern

安装

在使用 jsonresume-theme-modern 之前,你需要先在电脑上安装 Node.js。

安装完 Node.js 之后,在命令行中输入以下命令:

--- ------- -- ----------
--- ------- -- -----------------------
  • -g意思是全局安装,这样所有的项目就可以使用这个包

使用

使用 jsonresume-theme-modern 需要创建一个 JSON 格式的简历文件,在命令行中进入你的简历文件所在目录,输入以下命令即可生成自己的简历网页:

------ ------ -------- ---- ------- ------ -----------

其中:

  • --format html 表示将简历输出为 HTML 格式;
  • --theme modern 表示使用 jsonresume-theme-modern 主题;
  • resume.html 是输出的文件名。

同时也支持指定模版:

------ ------ ------- ------ ---------- ----- -----------

示例代码

创建一个名为 resume.json 的文件,内容如下:

-
  ------- -----
  ------ --------
  -------- ---------------------
  -------- ------ ----------
  ----------- -
    ------- -----
    -------------- ----
  --
  --------- -
    -
      ------- -------
      -------- -
    --
    -
      ------- ------
      -------- -
    --
    -
      ------- -------------
      -------- -
    --
    -
      ------- --------
      -------- -
    --
    -
      ------- ----------
      -------- -
    --
    -
      ------- ----------
      -------- -
    -
  --
  ----------- -
    -
      ------- ------
      -------------- -------------
      ------ ----------------------
      ------------- -
        --- ----- ----
        --- ------- ----
        --- ---- -- ----
        --- ------- -----
      -
    --
    -
      ------- ------
      -------------- --------------
      ------ ----------------------
      ------------- -
        --- --- ----
        --- ---- ----
        --- --------- -- ----
        --- --- -----
      -
    -
  --
  ------------ -
    -
      -------------- -------
      ------- -----------
      ------------ -----
      ------------ -------------
      ---------- ------------
    -
  -
-

在命令行中进入 resume.json 所在目录,输入以下命令生成简历网页:

------ ------ -------- ---- ------- ------ -----------

网页效果如下:

其他主题

JSON Resume 还提供了其他的简历主题,你可以在 jsonresume-theme 官网上找到自己喜欢的主题。

安装其他主题也非常简单,只需要将 jsonresume-theme-modern 替换为其他主题的名称即可。

总结

jsonresume-theme-modern 是一款使用简单且美观的简历主题包,可以为前端开发者制作出专业的简历。希望本文对你有帮助。

来源:JavaScript中文网 ,转载请联系管理员! 本文地址:https://www.javascriptcn.com/post/5eedb3eab5cbfe1ea06111e6


猜你喜欢

  • npm 包 react-abstract-autocomplete 使用教程

    介绍 react-abstract-autocomplete 是一个基于 React 的自动完成组件,并且没有关联到任何特定的 UI 框架。它使用了抽象模式,以便能够自定义与其交互方式,包括输入、选择...

    4 年前
  • npm 包 react-bus 使用教程

    什么是 react-bus? react-bus 是一款基于 React 框架开发的状态管理库,它可以实现组件之间的数据通信,不管两个组件的关系是父子、兄弟还是祖先后代,都可以直接进行数据传输,而不需...

    4 年前
  • npm 包 react-google-button 使用教程

    前言 在前端开发中,我们经常需要使用一些现成的组件和插件来提高开发效率。npm 是一个很好的仓库和管理工具,可以帮助我们方便地安装和使用第三方组件和插件。本文将介绍如何使用 npm 包 react-g...

    4 年前
  • npm 包 cogs-transformer-babel 使用教程

    1. 什么是 cogs-transformer-babel? cogs-transformer-babel 是一个 npm 包,是 COGS 模板编译器的 babel 编译器转换器。

    4 年前
  • npm 包 cogs-transformer-concat-commonjs 使用教程

    在前端开发中,常常会涉及到代码打包和组合的问题,而 npm 工具提供了很多方便的包来解决这些问题。其中,cogs-transformer-concat-commonjs 包是一个可以将多个 Commo...

    4 年前
  • npm 包 cogs-transformer-eslint 使用教程

    前言 cogs-transformer-eslint 是一个非常好用的 npm 包,它能够帮助前端工程师进行 JavaScript 代码的格式检查。本文将会详细介绍 cogs-transformer-...

    4 年前
  • npm 包 cogs-transformer-replace 使用教程

    前言 在前端开发中,我们经常会遇到需要对字符串或 DOM 进行替换的情况。如果每次都手动编写替换代码,不仅效率低下,还容易出错。此时,我们可以借助 npm 包 cogs-transformer-rep...

    4 年前
  • npm 包 eslint-config-coderiety 使用教程

    在现代的前端开发中,良好的代码规范与格式化对于团队协作和代码可读性非常重要。针对 JavaScript 代码,我们可以通过使用 ESLint 工具来实现代码规范化以及静态代码检查。

    4 年前
  • npm 包 react-list 使用教程

    在前端的开发过程中,常常会使用到各种各样的工具和库,其中 npm 包是最常用的一种。npm 包可以为我们提供许多方便的功能和模块,因此在学习前端开发时,了解如何使用 npm 包是非常重要的。

    4 年前
  • npm 包 react-list-lazy-load 使用教程

    在前端开发中,我们经常需要使用列表展示大量数据。而如果一次性将所有数据加载到列表中,不仅会影响页面性能,还可能导致用户体验不佳。因此,实现懒加载是一种比较好的解决方案。

    4 年前
  • npm 包 shorten-url 使用教程

    在前端开发中,经常需要处理 URL 相关的操作,例如获取或设置 URL 参数、URL 编码、URL 解码等。而对于一些较长的 URL,我们也经常需要进行缩短,以便作为链接分享给他人。

    4 年前
  • NPM 包 redux-batched-subscribe 使用教程

    在前端开发中,Redux 是一个非常流行的状态管理器。它的工作原理是,将整个应用程序的状态存储在一个单一的全局对象中,即 Redux store。Redux store 中的状态是只读的,只能通过 d...

    4 年前
  • npm 包 u-wave-parse-chat-markup 使用教程

    前言 在实现一些聊天室功能时,解析并显示聊天信息是必不可少的环节。而 u-wave-parse-chat-markup 则可以帮助我们解析聊天信息,并将其转化为 HTML。

    4 年前
  • npm 包 gulp-yaml 使用教程

    随着前端开发的日益复杂和变化,很多工具包和库的出现解决了前端开发的许多问题。其中,npm 包 gulp-yaml 提供了一个简单且有效的方法来处理 YAML 格式的文件。

    4 年前
  • npm 包 html-webpack-include-sibling-chunks-plugin 使用教程

    npm 包 html-webpack-include-sibling-chunks-plugin 使用教程 在前端开发中,Webpack 通常是一个非常重要的工具。

    4 年前
  • npm包recaptcha-test-keys使用教程

    在前端开发中,验证码是防止机器人恶意攻击的重要手段之一。而Google的reCAPTCHA是一种广泛使用的验证码服务。为了便于开发和测试,npm上有一个名为recaptcha-test-keys的包,...

    4 年前
  • npm 包 emojione-assets 使用教程

    在前端开发中,我们常常需要使用表情符号来丰富用户交互体验。而 emojione-assets 是一个可以提供各种表情符号资源的 npm 包,其使用十分方便,下面我们来详细介绍其使用方法和注意事项。

    4 年前
  • npm 包 u-wave-web-emojione 使用教程

    u-wave-web-emojione 是一个用于在网页中显示 emoji 表情的 npm 包,它基于 EmojiOne 图标集,能够自动将输入框中的 emoji 码转换为图标展示。

    4 年前
  • NPM 包 use-inside 使用教程

    什么是 use-inside? use-inside 是一个轻松使用 React Context API 在 React 应用程序中获取最接近的作用域的 hook。

    4 年前
  • npm 包 common-shake 使用教程

    前言 在前端开发中,使用 npm 包已经成为不可避免的一部分。而在 npm 模块的开发中,代码的体积同样是一个不容忽视的问题。很多时候,我们会使用一些工具来让我们的代码体积更小,效率更高。

    4 年前

相关推荐

    暂无文章