Skip to content

markdone/cssume

master
Switch branches/tags

Name already in use

A tag already exists with the provided branch name. Many Git commands accept both tag and branch names, so creating this branch may cause unexpected behavior. Are you sure you want to create this branch?
Code

Latest commit

 

Git stats

Files

Permalink
Failed to load latest commit information.
Type
Name
Latest commit message
Commit time
 
 
 
 
src
 
 
 
 
 
 
 
 
 
 

cssume

An elegant css theme for resume generated by Markdown

npm downloads size

Write your resume with markdown and turn it into an HTML page, and then let cssume to beautify it!

The design is inspired by standardresume, and you can learn how to write a good resume from this article.

See the online demo, or Try it!

Install

<!-- CDN Development (always latest) -->
<link rel="stylesheet" href="https://unpkg.com/cssume">
<!-- CDN Production (specific release) -->
<link rel="stylesheet" href="https://unpkg.com/cssume@1.0.0">
# npm package
$ npm install cssume
/* CSS file */
@import url('https://unpkg.com/cssume/dist/cssume-scope.css');

Usage

<!doctype html>
<html lang="en">
  <head>
     <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <link rel="stylesheet" href="https://unpkg.com/cssume">
    <title>cssume</title>
  </head>
  <body>
    <h1>Your resume</h1>
  </body>
</html>

This is a demo markdown

# Your Name

> Career

Location

A few words to introduce yourself...

* [your email](email-address 'email')
* [your website](website-url 'website')
* [your linkedin](linkedin-url 'linkedin')
* [your github](github-url 'github')

<!-- If used orderly it will be horizontally aligned -->

1. [your email](email-address 'email')
2. [your website](website-url 'website')
3. [your linkedin](linkedin-url 'linkedin')

<!-- This is the required split style -->

---

## Work Experience | Education | Projects

### Company | School | Project name

**Title**
_date_

Simple introduction...

* If necessary
* You can list it

## Skills

* Javascript
* TypeScript
* Whatever

FAQ

  • What's the difference between cssume-scope.css and cssume.css?

cssume-scope.css is that you need to add .cssume class for element.

License

MIT

About

πŸ“„ An elegant css theme for resume generated by Markdown

Topics

Resources

License

Stars

Watchers

Forks

Packages

No packages published

Languages