lwl-resume 个人简历编辑使用说明

LWL RESUME
是一个简洁、可自定义生成pdf的在线简历编辑工具!
如果你喜欢这种简约格式的简历风格,可以尝试用它来编辑简历 。
注意事项
项目说明
- 项目基于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 个人简历编辑使用说明的更多相关文章
- springboot中使用freemarker生成word文档并打包成zip下载(简历)
一.设计出的简历模板图以及给的简历小图标切图 二.按照简历模板图新建简历word文件 :${字段名},同时将图片插入到word中,并将建好的word文件另存为xml文件: 三.直 ...
- web-51job(前程无忧)-账户、简历-数据库设计
ylbtech-DatabaseDesgin:web-51job(前程无忧)-账户.简历-数据库设计 1.A,数据库关系图 1.B,数据库设计脚本 /App_Data/1,Account.sql ...
- 用原生js写一个"多动症"的简历
用原生js写一个"多动症"的简历 预览地址源码地址 最近在知乎上看到@方应杭用vue写了一个会动的简历,觉得挺好玩的,研究一下其实现思路,决定试试用原生js来实现. 会动的简历实现 ...
- 抽象工厂模式[wiki]
抽象工厂[编辑] 维基百科,自由的百科全书 跳转至: 导航. 搜索 以统一塑模语言中的类型图来表示抽象工厂 抽象工厂模式(英语:Abstract factory pattern)是一种 ...
- 【JavaScript&jQuery】前端资源大全
综合类 综合类 地址 前端知识体系 http://www.cnblogs.com/sb19871023/p/3894452.html 前端知识结构 https://github.com/Jackson ...
- 一次SQL注入导致的"越权"
原文来自SecIN社区-作者:tkswifty 相关背景 在实际的业务开发中,SQL交互往往是业务系统中不可或缺的一项.在Java中提供了类似Mybatis.Hibernate.SpringDat ...
- 开源爱好者月刊《HelloGitHub》第 71 期
兴趣是最好的老师,HelloGitHub 让你对编程感兴趣! 简介 HelloGitHub 分享 GitHub 上有趣.入门级的开源项目. https://github.com/521xueweiha ...
- ★Kali信息收集~ 1.Google Hacking + Github Hacking
一.google hacking site site:cnblogs.com 毒逆天 intitle intitle:login allintitle allintitle:index of alli ...
- jqgrid如何在一个页面点击按钮后,传递参数到新页面
利用 Content/Scripts/dw-framework.js 中的AddTableMenu属性 <div class="Task" style="backg ...
- [BEC][hujiang] Lesson03 Unit1:Working life ---Grammar & Listening & Vocabulary
3 Working life p8 Grammar Gerund and infinitive(动名词和不定式) 一般而言: 1 动词后面接动名词还是不定式没有特定规则,主要取决于语言习 ...
随机推荐
- 齐博x1更新了 提供一个部分用户期待已久的功能,修改主题后变为待审
如下图所示,你可以设置哪些用户组修改主题后,就会把原来已审核通过的主题,变为未审核.适合所有频道.
- python求列表均值,方差,标准差
import numpy as np a = [1,2,3,4,5,6] #求均值 a_mean = np.mean(a) #求方差 a_var = np.var(a) #求标准差 a_std = n ...
- 即兴小探华为开源行业领先大数据虚拟化引擎openLooKeng
@ 目录 概述 定义 背景 特点 架构 关键技术 应用场景 安装 单台部署 集群部署 命令行接口 连接器 MySQL连接器 ClickHouse连接器 概述 定义 openLooKeng 官网地址 h ...
- Ubuntu实现电商网站+Mysql主从复制+NFS
Ubuntu实现电商网站+Mysql主从复制+NFS 1.环境准备 提前准备:Mysql8.0.30安装包.Mysql安装脚本.shopxo2.3.0安装包.DNS脚本 服务器 IP地址 作用 系统版 ...
- windows下 安装docker
一.Docker 1.什么是docker 对比 特性 容器 虚拟机 启动 秒级 分钟级 磁盘使用 一般为MB 一般为GB 性能 接近原生 弱于 系统支持量 单机支持上千个容器 一般几十个 2. 使用d ...
- AI音乐创作,让每一个人都成为音乐家
从录音带.MP3到专业的耳机.音箱,随着音乐消费方式的不断升级,音乐创作的专业"门槛"也在AI技术的加持下逐渐大众化,创作者的创新设计.创作频率也在持续增强,能降低创作门槛且智能化 ...
- Flask(一)
pip install flask 依赖wsgi flask框架是基于werkzegu的wsgi实现,flask没有自己的wsgi 用户一旦请求,就会调用app.__call__方法 flask 路由 ...
- KubeEdge架构问题汇总
Q1 :KubeEdge云和边的数据协同有什么优势? A : K8s的原生架构中, Node (Kubelet) 是通过List-watch机制主动与Master通信.List-watch机制有几个 ...
- 编译安装oh-my-zsh
1.前言 oh-my-zsh是基于zsh的一套美化工具,其内部也提供很多主题以及插件.github介绍 2.有啥用 对我来说可能查看git分支更加直观,另外其强大的补全功能 又或者更加直观的查看上一条 ...
- js day04 实参与形参个数不一致
// function fn(x, y) { // // x = 1 // // y = undefined // // 1 + ...