casual-markdown-cv is a minimal way to create markdown resume and available online (github-page or other static web hosting)
It is quite annoying to maintain resume in multiple format, MS Word, PDF, TXT as well as wanna to have an HTML format available online.
Github markdown editor is very handy to draft a nice resume. Here is a sample template: resume.md.
just add a little code to transform into online resume with nice look (hosted at github).
then may print it to PDF file to send to recruiter, or share by url. (for github, it can accessed by raw.githack.com naturally)
ps: recommended to ask ChatGPT for a refinement before published your resume. AI will refine both content and layout in markdown format.
The following themes are available now
- resume.html // default theme (preview)
- resume-qrcode.html // show QR code of URL (preview)
- resume-dark.html // dark theme, font=verdana (preview)
- resume-warm.html // warm theme, font=calibri (preview)
- resume-blue.html // blue theme, font=arial (preview)
- resume-web.html // sample for web developer (preview)
Sorry for my poor UI design, if still not good enough, please fork this repo and make your own.
just fork this repo, and choose a resume template to revise. then check html layout by https://raw.githack.com/YOUR-REPO-NAME/casual-markdown-cv/main/resume.html
by the way, this template basically use markdown as web page, which not limit for resume purpose. for example,
- document.html // documentation (preview)
- project-plan.html // project plan (preview)
- quotation.html // Business Proposal and quotation (preview)
The code is simple, just add below (11 lines) as the header. It will convert the markdown content to HTML web page.
<!DOCTYPE html>
<title>Resume</title>
<meta name="viewport" content="width=device-width, initial-scale=1">
<link rel="stylesheet" href="https://cdn.jsdelivr.net/gh/casualwriter/casual-markdown/dist/casual-markdown.css">
<script src="https://cdn.jsdelivr.net/gh/casualwriter/casual-markdown/dist/casual-markdown.js"></script>
<style>
body { line-height:1.5; margin:auto; padding:3px; max-width:1024px; display:none; FONT-FAMILY:"Segoe UI",ARIAL; }
h1 { font-size:200%; padding:16px; border:1px solid lightgrey; BACKGROUND:#f0f0f0; }
h2 { border-bottom:1px solid grey; padding:2px }
</style>
<body onload="document.body.innerHTML=md.html(document.body.innerHTML); document.body.style.display='block';">
<!--======= COPY ABOVE CODE AS HEADER, THEN FOLLOW WITH RESUME CONTENT IN MARKDOWN FORMAT =========-->
<img style="float:right;border-radius:50%;width:70px;padding:6px" src="avatar-man.jpg" />
<span style="float:right;padding:6px">
someone@email.com <br> mobile: +852 xxxxxxxx <br> Nationality: Chinese
</span>
# Casualwriter
- inspired by https://github.com/youngyangyang04/Markdown-Resume-Template
- thanks and reference to CV samples, https://www.resumewriter.hk/blog/cv-samples/
(Sept 2022; minor updated on Aug 2023)