lwl-resume 個人簡歷編輯使用說明

lwlcode發表於2023-01-14

簡歷首頁

LWL RESUME 是一個簡潔、可自定義生成pdf的線上簡歷編輯工具! ?

如果你喜歡這種簡約格式的簡歷風格,可以嘗試用它來編輯簡歷 ?。

注意事項

  • 不支援手機端編輯!請務必使用最新版Chrome(谷歌瀏覽器)或Edge(win10自帶微軟瀏覽器)進行編輯。
  • 只提供生成PDF格式檔案(A4紙張大小),不支援word或其他格式。

專案說明

  • 專案基於Vue+Bootstrap框架開發,獨自設計與開發的一套簡歷編輯工具。
  • 純前端專案,部署在gitee靜態服務,資料只會儲存在自己電腦瀏覽器快取,無須擔心隱私洩露。
  • 一套元件實現多重佈局方式,拒絕花裡胡哨,致力於簡潔好看的簡歷(個人審美)。
  • 可以線上生成PDF檔案,100%還原頁面樣式,有效避免了用word編輯困難和生成pdf的樣式錯亂問題。

開始使用

頁面操作

  • 可以直接在頁面上編輯修改文字,支援全域性拖拽調整順序和新增刪除此行。
  • 普通行的加號是複製此行內容到下面,對於工作經歷這種成組的第一行的加號是複製整組到下面。
  • 如果一頁放不下超出邊界可以在資料編輯裡先新增一頁,然後把上一頁超出的內容拖拽到下一頁(沒有做自動檢測分頁,不用問,問就是不想寫…… ?)沒那麼智慧。

全域性設定

  • 重置:對於模板中的樣式可以重置為預設值。
  • 主題顏色:可以從提供的14種顏色中選擇,也可以自定義,注意格式為16進位制顏色。
  • 字型大小:只允許在14px~16px之間調節,太大了不好看?。
  • 整體行高:只允許在1.2~1.8之間調節,太大了不好看?。
  • 左右邊距:只允許在0、10、20、40之間選擇,建議20。
  • 頭部樣式:提供3種樣式,任何模板都可以修改。
  • 標題樣式:提供13種樣式,其實好看的就那幾種,在首頁模板都有展示。

注意:如果頁面內容過少,底部留白太大可以適當透過調整字型大小和行高讓排版看上去更加和諧

頭像設定

預設隱藏頭像,設定頭像之前需要先在資料編輯/頭部資訊設定種輸入自己的頭像線上連結。

如何生成自己的頭像連結?

  • 由於本專案是純前端,無法將照片上傳到雲端,又為了開發簡單考慮 ?,所以目前頭像只支援傳入一個線上地址或者轉換成base64格式字串,建議先上傳到圖床,用圖床生成的圖片地址連結再生成pdf(建議上傳正方形白底照片)。
  • 這裡提供一個圖床地址:路過圖床,其他圖床都可以,只要能正常訪問就可以。

頭像連結

注意:顯示頭像會佔用一部分空間,為了更好的排版,頭部的內容長度自己進行把控,過長會導致樣式顯示錯亂

資料編輯

  • 右側加號按鈕可以新增頁面,預設是複製的上一頁的頭部資訊和最後一項內容。
  • 可以在每個頁面中任意拖拽調整順序,點選每一項是設定資訊,可以設定每一行顯示幾塊內容、圖示、是否展示標籤,是否加粗等。
  • 標籤就是這一行最前面展示的小標題,一般是四個字比較合適,自帶冒號,也可以關掉標籤直接在內容區自定義。
  • 頭部資訊可以隱藏,預設只在第一頁顯示,簡歷至少有一頁。
  • 如果是多頁簡歷,第一頁超出的部分需要手動拖拽到第二頁。總之不要超出頁面範圍。

儲存

注意:清空瀏覽器快取會導致本地資料丟失。

  • 這裡的儲存只是儲存到自己的瀏覽器快取,並不會上傳到任何伺服器,所以無須擔心隱私洩露?。
  • 儲存時建議設定一個簡歷名稱,會在首頁《我的簡歷》列表區域滑鼠懸浮時展示。

列印(生成PDF)

注意:請務必使用最新版Chrome(谷歌瀏覽器)或Edge(win10自帶微軟瀏覽器)其他瀏覽器沒有測試,可能不相容 ?。

  • 利用谷歌瀏覽器的特性,可以直接線上生成PDF。
  • 在彈出框目標印表機那一欄選擇另存為PDF點選儲存即可下載到本地。

列印設定

圖示自定義

  • 本專案使用fontawesome字型圖示庫,選中圖示點選右邊複製到設定中即可。例如:fa-meetup一般都是fa開頭。 ?
  • 另外再提供一個emoji表情包的地址,比較好看,和文字一樣直接複製貼上即可。 ?

常見問題

有待完善……

相關文章