純淨搭建簡歷工具

stonehank發表於2021-10-29

前言

通常來說,我們更希望自己的簡歷顯示出自己的個性,除了使用文件編輯,
網上有很多現成的模板,同時也提供了相對自由的編輯環境,但是往往到了最後一步匯出的時候,
會提示掃碼、會員、付費等繫結操作,看著自己的作品差最後一步大功告成,再繁瑣的步驟也只能忍了。

我做了一個純前端線上搭建簡歷的工具(沒有註冊沒有登入,完全免費),做這個專案的原因就是不要繁瑣的流程,
編輯就是編輯,匯出就是匯出,而且整個流程純前端,你完全可以clone到本地慢慢琢磨,
最重要的是,可以有自己獨立的風格,顏色,字型,間距,擺放位置完全自主修改。

搭建簡歷

之所以說是搭建,
簡歷元件都是模組化,通過拖拽進行結構配置,再通過屬性進行細微調整;
你可以從零搭建,也可選擇使用已經存在的模板進行修改

提示:在桌面端開啟可顯示步驟教程(包括每個區域的作用)

元件規則

目前提供了7種元件可供使用,分別是紙張(Page sheet)、文字(Paragraph)、列表(List)、
錨連結(Anchor Link)、進度條(Progress)、標籤(Tag)、圖片(Image)

其中紙張的作用就是一個包裹層,它可以包裹元件成為一個模組,紙張與紙張之間也能巢狀,
利用這一點,我們可以輕鬆的對最外層的紙張配置一個全域性設定(背景色,字型色,字型大小),
內部的元件只需要繼承這些屬性即可。

除了紙張,其他6種基本元件的各種搭配,便可以組成一個板塊分明,清晰明瞭的簡歷,

示例1:

示例2:

示例3:

並且,由於元件模組化,可以很方便的進行修改和拖拽排序

在示例1中,下面這個簡歷模組分為,簡介、工作、專案、教育、資訊、獲獎、技能,你可以任意拖拽排序,巢狀放置

搭建建議

  1. 配置統一的字型及格式,例如兩個日期,一個字型大一個字型小,就很不美觀
  2. 模組化,讓整體板塊清晰明瞭,模組化最基本的做法就是外面使用紙張包裹,這樣拖拽時你可以將它視為一個整體
  3. 有主次之分,主要資訊用粗體+大字型,次要資訊可以用淺色+小字型,文字會看起來有層次感

  4. 大功告成後,可以匯出為圖片,PDF, JSON格式,模板JSON模式(對於願意分享模板的朋友非常方便,一鍵匯入JSON即可)

    其中JSON格式指的是對當前簡歷整體匯出,包括排版,屬性,內容等所有

    模板JSON指對當前簡歷嘗試轉化為模板,具體可以參考https://github.com/stonehank/diy-resume#模板製作

線上體驗

試試看

專案完全開源,歡迎fork和clone

相關文章