The material theme with responsive design for jsonresume.
Switch branches/tags
Nothing to show
Clone or download
Fetching latest commit…
Cannot retrieve the latest commit at this time.
Failed to load latest commit information.

Json Resume - Material theme

This is the material theme for JSON Resume.

Added projects tag,responsive design.

Getting started

Install Json Resume

We're going to use the official resume-cli to run our development server.

sudo npm install -g resume-cli

If you don't know how to install node.js and npm, see these:

Download theme

Lets go ahead and download a copy of the repository.

Install npm packages

We need to install the dependencies. cd into the theme folder we just downloaded and run:

sudo npm install

This will read the local package.json and install the packages listed under dependencies.

Serve theme

While inside the theme folder, simply run:

resume serve

You should now see this message:

Preview: http://localhost:4000
Press ctrl-c to stop

Congratulations, you've made it!

The theme development can now begin.

Fill your resume

resume.json is your resume data, modify it to yourself's.

In this template, only summary can be inserted into html tag, such as

  "name": "Personal",
  "summary": "<a href=\"\">Projects Page</a>"


resume.hbs is the template file, its syntax is based on handlebars.

style.css defines your styles. Technically, this is completely optional, as you could just write all of your styles in the <style> tags of your resume.template. As the index.js, the contents of the style.css are put into the <style> tags of your compiled theme later, yet again, this is something can change.


Available under the MIT license.


  1. 首先,确保已经安装 node.jsnpm

  2. 接着安装主程序:

sudo npm install -g resume-cli
  1. 下载该主题包:




sudo npm install
  1. 修改简历

resume.json中修改简历数据,或者直接 在线编辑 并生成你的json版简历。 新增项目经历类目,详情可在样例中查看。

  1. 在当前目录运行:
resume serve

此时目录中会生成一个 index.html文件,即简历。