Напишите красивое резюме, используя только Markdown, и онлайн-приложение для резюме уже здесь!

внешний интерфейс JavaScript
Напишите красивое резюме, используя только Markdown, и онлайн-приложение для резюме уже здесь!

предисловие

Все знают, что золото, серебро и серебро — это сезон набора персонала, и все крупные интернет-компании начали весенний набор. В последнее время ко мне приходит очень много людей, чтобы помочь им посмотреть их резюме.Шаблоны резюме можно сказать неровные, некоторые из них слишком крутые, а некоторые мои друзья просто перекинулись словом, что сделало макет выглядит неряшливо.

После некоторых исследований большинство людей по-прежнему используют Word как наиболее распространенный способ использования резюме, за которым следует Markdown.

Если вы работаете в Интернете неполный рабочий день, то можете сказать, что Markdown — это обычный способ написания документов в обычное время. Я подумал про себя, могу ли я разработать онлайн-сайт, написав Markdown, и могу ли я дать Markdown различные темы.

Делать что-то всегда приходится на плечах гигантов Лучший редактор резюме Markdown, найденный в Интернете, — это , но его шаблон относительно прост, и кажется, что обслуживание относительно общее. Я также изучил инструменты верстки, которые обычно использую для написания статей, и могу сказать, что использование лаконичного Markdown для достижения различных версток облегчит весь процесс.

И я пошел на рынок, чтобы изучить некоторые часто используемые решения.

Дерево и резюме Холодный медведь резюме markdown-resume Word Пятьсот дин / супер резюме
платить бесплатно бесплатно Открытый исходный код Платная активация Платный экспорт
Это с открытым исходным кодом да нет Открытый исходный код нет нет
режим редактирования Markdown Markdown Сетка + уценка word сетка
простота ⭐⭐️⭐️⭐️⭐️ ⭐⭐️⭐️⭐️⭐️ ⭐️⭐️⭐️ ⭐️ ⭐️⭐️⭐️
экспортировать pdf служба поддержки Плохая поддержка Плохая поддержка служба поддержки служба поддержки
шаблон диверсификация Один диверсификация диверсификация диверсификация
пользовательский шаблон вскоре не поддерживается не поддерживается служба поддержки не поддерживается

Подводя итог, на данном этапе редактирование резюме имеет следующие недостатки:

  • Простой шаблон, плохая типографика
  • Сложный шаблон, красивый, но очень трудоемкий

Основываясь на вышеуказанном фоне, я разработалДерево и резюме. Просто с помощью чистого Markdown вы можете очень просто сделать красивое резюме.

Интернет-адрес:resume.mdedit.online/

Интернет-адрес:resume.mdedit.online/

Интернет-адрес:resume.mdedit.online/

Важные вещи сказаны трижды!

Обзор

основной способ

Давайте посмотрим, насколько удобно это приложение! Предположим, у нас есть следующий файл резюме Markdown.

# 秋风 - 前端工程师

博客: [https://qiufeng.blue](https://qiufeng.blue)

Gihtub: [https://github.com/hua1995116](https://github.com/hua1995116)

掘金: [https://juejin.cn/user/923245497557111](https://juejin.cn/user/923245497557111) 

邮箱: [qiufenghyf@163.com](mailto:qiufenghyf@163.com)

微信: qiufengblue

## 介绍
于2015年开始接触前端,喜欢编码,有Geek精神,对代码有洁癖,喜欢接触前沿技术,爱折腾。

获得省、国家级竞赛奖项xx项,(包含浙江省大学生多媒体竞赛一等奖xx项)。
  
主持参与省、国家级项目xx项;发表论文xx篇,其中xx篇EI索引。

## 工作
### xxxx
打工中..

### xxxx
前端架构组
- 前端错误监控系统(基建)(负责人) 接入量pv:3000w
  - web端js-sdk开发,无侵入式接入,压缩后仅2kb。
  - 收集端Node开发,分布式存储日志。
  - 阿里云日志服务分析,以及常用的数据分析。
  - echart搭建可视化平台。
- 前端性能监控系统(负责人) 接入pv: 1000w
  - web端js-sdk开发,支持自定义上报以及自动上报,无侵入式。
  - 收集端Node开发,Elasticsearch集群存储日志。
  - Elasticsearch的Node模块开发,封装按时间维度的查询聚合模块。
  - 可视化平台,利用redis缓存优化查询,淘汰算法共同协作。
- 落地页截图(Node项目)
  - 利用puppeteer开发截图。
  - 利用clustor多线程开发,速度从原来60分钟提高至8分钟,提高约7倍(300张截图)。
  - 开发自定义队列模式,避免Node端丢失请求。
- webpack插件(webpack-plugin-inner-script)地址
  - 自动将外链形式改写成内敛形式。

## 技能
### Web基础
- 熟练掌握HTML5/CSS3,响应式布局和移动端开发
- 了解ES6/ES7,Webpack
- 有Antd Design,Element UI,Muse UI搭建项目经验
- 了解Hybrid开发以及Electron桌面开发,liunx服务器搭建经验,Nginx配置
- Mac开发用户,熟悉Git进行团队协作,对PS有一定基础

на основании вышеизложенногоMarkdownМожно быстро сгенерировать следующие стили шаблонов, а также экспортировать Markdown + pdf.

Однако следует отметить, что из-за ограниченности шаблонов вам необходимо написать стандартизированный уровень заголовков.

В процессе написания резюме рекомендуется использоватьЗаголовокЧтобы написать в начале, это часто используется для описания общей темы и названия, наиболее часто используется шаблон имени соискателя + должность.

Например:

# Осенний Ветер - Front-end Engineer

Это не только позволит интервьюеру с первого взгляда увидеть цель вашего резюме, потому что в реальном процессе многие студенты не указали четко направление подачи, что легко могло привести к неправильному направлению подачи.

В процессе написания контента рекомендуется использоватьвторостепенное названиенаписать.

Например:

## Образование

## рабочий стаж

## Опыт проекта

## Основные навыки

Богатые шаблоны

Этот проект предоставляет 4 метода по умолчанию для каждого на выбор, и в будущем будет запущено больше шаблонов.

Изменение цвета темы

Мы можем не только заменить шаблоны, если они содержат可换色В шаблоне вы также можете изменить общий цвет темы шаблона.

Не было бы неплохо изменить цвет темы?

левая и правая структура

Для того, чтобы прорваться через традиционнуюMarkdownВертикальная компоновка представляет собой пользовательский контейнер, вдохновленный vuepress.

image-20210314235147407

В нашем редакторе левый и правый макет можно легко реализовать с помощью пар левого и правого контейнеров.

:::left
xxxx
:::
:::right
xxx
:::

богатый значок

В настоящее время поддерживаются некоторые ярлыки для значков, которые помогут вам украсить свое резюме, поместив на них красивые значки.

[icon:blog https://qiufeng.blue](https://qiufeng.blue)

[icon:github https://github.com/hua1995116](https://github.com/hua1995116)

[icon:juejin 掘金](https://juejin.cn/user/923245497557111) 

[icon:email qiufenghyf@163.com](mailto:qiufenghyf@163.com)

icon:weixin qiufengblue

пользовательский HTML

Вставить картинку

Этот проект позволилhtml , поэтому мы также можем использовать что-то вродеgihtub-readme-statsЭтот тип сервиса вставляет изображение в наш документ.

# 秋风 - 前端工程师

::: left

<img style="display:block; margin: 0 0 0 30px" src="https://github-readme-stats.vercel.app/api?username=hua1995116&show_icons=true&icon_color=79ff97&text_color=fff&bg_color=39393a&hide_title=false&title_color=fff&disable_animations=true&hide_border=true">

:::

::: right
[icon:blog https://qiufeng.blue](https://qiufeng.blue)

[icon:github https://github.com/hua1995116](https://github.com/hua1995116)

[icon:juejin 掘金](https://juejin.cn/user/923245497557111) 

[icon:email qiufenghyf@163.com](mailto:qiufenghyf@163.com)

icon:weixin qiufengblue

:::

Вы также можете разместить это изображение в любом месте.

пользовательский ярлык

Вы также можете добавить некоторые пользовательские стили меток, чтобы сделать написание Markdown более свободным ~, например, реализовать пользовательские стили.Tag

<span style="background: #ddd; padding: 5px">前端</span>

Метод экспорта

Поддержка импорта и экспорта md, а также поддержка экспорта в pdf. Задний конец используетpuppeteerТаким образом, можно в наибольшей степени восстановить метод представления html. По сравнению с традиционным интерфейсным экспортом изображений в формате pdf, он имеет следующие преимущества:

  • Текст можно копировать, ссылки можно нажимать
  • Пагинация более дружелюбна
  • Контент более четкий

Принцип реализации

передняя часть используетсяcodemirrorкак редактор,markdown-itпровестиMarkdownрендеринг.

Задний конец используетserverless + puppeteerЕдинственным минусом является то, что функция будет уничтожена (минимум 1 экземпляр выживает, и конфигурация подлежит изучению), в результате чего при экспорте, если экземпляр будет уничтожен, есть определенная вероятность того, что экспорт не удастся. попробуй еще раз. (Эта проблема будет решена в ближайшее время)

Последующее планирование

  • Поддержка режима предварительного просмотра на бумаге формата А4.
  • Облачное хранилище и синхронизация
  • Делитесь и совместно редактируйте резюме
  • Просмотр резюме онлайн (совместимо с мобильными устройствами)
  • Расширенные официальные шаблоны (4)
  • Возможность настраивать и добавлять шаблоны (пользователи могут добавлять шаблоны)
  • Квадрат шаблона (каждый может поделиться своим шаблоном DIY с квадратом)

напиши в конце

Наконец, большое спасибо, моя подруга@нансиСовместно участвовали в построении проекта, а также были авторами всех внутренних интерфейсов.

Адрес в открытом доступе:GitHub.com/flower1995116/…

Этот проект молодой и есть еще много вопросов, я надеюсь, что вы можете дать нам свое ценное мнение.

Вы также можете оказать ⭐️ поддержку и поощрение.

Надеюсь, этот проект поможет金三银四Всем, кто ищет работу (также можно сохранить для дальнейшего использования, если вы ее не ищете. ❤️

Оглядываясь назад на предыдущие высоко оцененные статьи автора, вы можете получить больше!

Эпилог

❤️Подписаться + Нравится + Избранное + Комментарий + Переслать ❤️, оригинальность - это не просто, поощряйте автора создавать лучшие статьи

Обратите внимание на публичный аккаунт秋风的笔记, внешний общедоступный аккаунт, посвященный предварительным интервью, разработке и открытому исходному коду.