preface

Soon to jinsan Yin4, out of the resume for a long time to update, found a problem, their resume is hosted in what BOSS direct hire, hook what platform, each update have to synchronize to synchronize, extremely inconvenient, and these resume template thousands of times uniform, fixed format, can not customize, Thus came the idea of creating a resume site, with the goal of achieving the following functions:

  • Edit your resume using Markdown
  • Embed MarkDown in a web page, while being able to customize the page
  • Automatically generates PDF files for download
  • A Web container that provides web services

Open dry

Edit your resume with MarkDown, embed MarkDown in your web page, and be able to customize your page

This function is easy to implement. Add markdown-loader to webpack to parse md documents and insert the parsed HTML DOM node into the specified container of the page to achieve this requirement, as follows:

/ / webpack configuration
{
    test: /\.md$/.use: [{loader: "html-loader"
        }, {
            loader: "markdown-loader"}}]// index.js
import resumeMd from './resume.md'

document.getElementById('markdownContainer').innerHTML = resumeMd
Copy the code

The markdown style is github- Markdown – CSS, feeling that github style is simple and generous.

Automatically generates PDF files for download

To convert Markdown into PDF, there are many libraries on NPM, but there is no corresponding webpack plug-in, so there is a certain inconvenience to use. To do this, I wrote a Webpack Plugin for document transformation.

Address: github.com/Richard-Cho…

The relative path of the packaged Markdown file is./ PDF, so just add an A tag to the HTML page and the path points to this address to download the PDF.

A Web container that provides web services

It feels that such a simple static resource does not need to be put into the server to start the service separately, so it will be hosted on Github instead. Github repository enables the Web container by enabling GitPage, and for convenience, set the packaged directory to./docs, associated with the docs directory required by GitPage. Gitpage does the following configuration to enable web services.

This way, every time you update your resume, you can compile and upload it to Github to update your online resume.

A simple example: Richard-choooou.github. IO /auto-resume…

If you have your own domain name, and it is resolved to Github, you can directly use the domain name plus path to visit www.zpblogs.com/auto-resume…

Finally, please send us the warehouse address: github.com/Richard-Cho…