项目作者: dkarski

项目描述 :
:earth_africa: Gatsby.js & Styled Components - Minimal Resume Theme :point_right:
高级语言: JavaScript
项目地址: git://github.com/dkarski/minimal-resume-theme.git
创建时间: 2020-01-02T16:25:26Z
项目社区:https://github.com/dkarski/minimal-resume-theme

开源协议:

下载


Minimal Resume Theme




Introduction

This is a responsive minimal résumé template made by Daniel Karski, powered by Gatsby.js.

You may config all the data in json and make it your own résumé. Then, you might use on GitHub Pages, your website, or wherever you want.

DEMO

Features

  • Simple, elegant, and minimal design
  • Responsive template
  • PDF supports and print friendly
  • Font preloads
  • Offline mode
  • sitemap.xml & robots.txt generation
  • Flexible and extensible

Usage

Local Mode

  1. Clone the repo

    1. git clone https://dkarski.github.io/minimal-resume-theme/
  2. Install Jekyll

    1. npm install
  3. Config your résumé data

    The homepage is required in package.json if you serve this page on GitHub Pages. And your contact information, EDUCATION, SKILLS, EXPERIENCE, and PROJECTS data will be set in src/data/resume.json.

  4. Run and Debug

    1. npm start
  5. Build

    1. npm build

    :warning: before build make sure that https://dkarski.github.io/minimal-resume-theme/ is replaced in the whole project to correct address

  6. Deploy on GitHub Pages

    1. npm deploy

Extending Sections

  1. Add new section in src/data/resume.json

    1. {
    2. "summary": "Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.",
    3. }
  2. Add section to src/App.js:

  1. import React from 'react';
  2. const Summary = ({ summary }) => {
  3. const {
  4. dataJson: { summary },
  5. } = useStaticQuery(query)
  6. return (
  7. <div>
  8. <h1>Summary</h1>
  9. <p>{summary}</p>
  10. </div>
  11. );
  12. };
  13. export default Summary
  14. export const query = graphql`
  15. query {
  16. dataJson {
  17. summary
  18. }
  19. }
  20. `
  1. import React from 'react';
  2. const App = () => {
  3. return (
  4. <Summary ></Summary>
  5. );
  6. }

Showcases

Feel free to add yours here.

Donation

License

License: MIT