npm 包 jsonresume-theme-modern 使用教程

阅读时长 4 分钟读完

简介

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

纠错
反馈

纠错反馈