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表情包的地址,比较好看,和文字一样直接复制粘贴即可。

常见问题

有待完善……

lwl-resume 个人简历编辑使用说明的更多相关文章

  1. springboot中使用freemarker生成word文档并打包成zip下载(简历)

    一.设计出的简历模板图以及给的简历小图标切图         二.按照简历模板图新建简历word文件 :${字段名},同时将图片插入到word中,并将建好的word文件另存为xml文件:    三.直 ...

  2. web-51job(前程无忧)-账户、简历-数据库设计

    ylbtech-DatabaseDesgin:web-51job(前程无忧)-账户.简历-数据库设计   1.A,数据库关系图 1.B,数据库设计脚本 /App_Data/1,Account.sql ...

  3. 用原生js写一个"多动症"的简历

    用原生js写一个"多动症"的简历 预览地址源码地址 最近在知乎上看到@方应杭用vue写了一个会动的简历,觉得挺好玩的,研究一下其实现思路,决定试试用原生js来实现. 会动的简历实现 ...

  4. 抽象工厂模式[wiki]

        抽象工厂[编辑] 维基百科,自由的百科全书   跳转至: 导航. 搜索   以统一塑模语言中的类型图来表示抽象工厂 抽象工厂模式(英语:Abstract factory pattern)是一种 ...

  5. 【JavaScript&jQuery】前端资源大全

    综合类 综合类 地址 前端知识体系 http://www.cnblogs.com/sb19871023/p/3894452.html 前端知识结构 https://github.com/Jackson ...

  6. 一次SQL注入导致的"越权"

    原文来自SecIN社区-作者:tkswifty 相关背景   在实际的业务开发中,SQL交互往往是业务系统中不可或缺的一项.在Java中提供了类似Mybatis.Hibernate.SpringDat ...

  7. 开源爱好者月刊《HelloGitHub》第 71 期

    兴趣是最好的老师,HelloGitHub 让你对编程感兴趣! 简介 HelloGitHub 分享 GitHub 上有趣.入门级的开源项目. https://github.com/521xueweiha ...

  8. ★Kali信息收集~ 1.Google Hacking + Github Hacking

    一.google hacking site site:cnblogs.com 毒逆天 intitle intitle:login allintitle allintitle:index of alli ...

  9. jqgrid如何在一个页面点击按钮后,传递参数到新页面

    利用 Content/Scripts/dw-framework.js 中的AddTableMenu属性 <div class="Task" style="backg ...

  10. [BEC][hujiang] Lesson03 Unit1:Working life ---Grammar & Listening & Vocabulary

    3 Working life p8 Grammar Gerund and infinitive(动名词和不定式) 一般而言:        1 动词后面接动名词还是不定式没有特定规则,主要取决于语言习 ...

随机推荐

  1. Spring boot pom 配置文件

    <?xml version="1.0" encoding="UTF-8"?> <project xmlns="http://mave ...

  2. 谣言检测()《Rumor Detection with Self-supervised Learning on Texts and Social Graph》

    论文信息 论文标题:Rumor Detection with Self-supervised Learning on Texts and Social Graph论文作者:Yuan Gao, Xian ...

  3. 【笔记】P1606 [USACO07FEB]Lilypad Pond G 及相关

    题目传送门 建图 首先,根据题目,可以判断出这是一道最短路计数问题. 但是要跑最短路,首先要用他给的信息建图,这是非常关键的一步. 根据题意,我们可以想出以下建图规则: 起点或是一个空白处可以花费 \ ...

  4. Bugku 字符?正则?

    打开是一段中规中矩的php代码 先读一下代码 高亮文件2.php 定义变量key 定义变量IM其值是一个正则表达式匹配的结果 如果IM是真就输出key 所以这道题的关键也就是IM正则匹配的结果了,我们 ...

  5. i春秋Hello World

    打开只有一句hello world,直接查看源码,发现一个flag.xmas.js文件 试试直接访问http://106.75.72.168:9999/flag.xmas.js  http://106 ...

  6. Linux配置篇 - Vmware网络配置

    网络配置 VM 网络详解 vmware提供了三种网络工作模式,Bridged(桥接模式).NAT(网络地址转换模式).Host-Only(仅主机模式): vmware网络配置步骤:编辑 -> 虚 ...

  7. laravel框架 url地址传参

    //前端页面 <a title="编辑" onclick="xadmin.open('编辑','{{url("admin/Manager/edit&quo ...

  8. MyBatis详解(一)

    MyBatis简单介绍 [1]MyBatis是一个持久层的ORM框架[Object Relational Mapping,对象关系映射],使用简单,学习成本较低.可以执行自己手写的SQL语句,比较灵活 ...

  9. 关于python函数传参

    必须参数 最常见的传参 def say(arg): print(arg) say("Hello world") 输出: Hello world 默认参数 def say(arg, ...

  10. SSH(五)spring整合hibernate

    一.创建hibernate实体映射文件. 在实体所在包创建映射文件product.hbm.xml,引入hibernate的映射约束.(该约束位于hibernate3.jar里面hibernate-ma ...