vuepress theme resume

🐈 书写简洁优雅的前端程序员 markdown 简历,由 vuepress 驱动

435
138
Vue

🐈 介绍

当我们在使用 markdown 书写简历时,都有哪些痛点 🤒?

  1. 使用编辑器自带的 markdown 预览。缺点:不够精致(丑)emmmm
  2. 使用 Bear (付费)。缺点:导出 pdf 时无法修改参数(默认字体过大/过宽,导致无法压缩成1页)emmmm

在试用了 Mac 上几乎所有的 markdown 软件之后,都不够满意 🤕…

于是…

🚀 开始

方式一:直接开始

  1. 第一步:git clone 或 download 该项目

  2. 第二步:cd 进入项目目录

若环境中不存在 yarn/npm,则需要先安装yarn

# 安装依赖包
yarn # 或 npm i

# 开始
yarn dev # 或 npm run dev

yarn dev运行完后,使用浏览器打开提供的网址

  1. 第三步:修改 example/README.md,保存后网页将自动热更新

方式二:使用主题

yarn add -D vuepress-theme-resume # 或使用npm:npm i -D vuepress-theme-resume
// .vuepress/config.js 中添加
theme: 'resume',

样式覆盖

创建 .vuepress/styles/palette.styl 文件

/* font */
$fontSize = 13px
$fontWeight = 400

/* colors */
$accentColor = #4688F1
$textColor = #161F28
$borderColor = #eaecef

常见问题

如何导出为 pdf?

chrome 页面中右键 -> 打印 -> 另存为 pdf。

注意:打印-更多设置-取消勾选页眉和页脚。否则会有标题和日期。

导出的 pdf 如何控制只有 1 页?

方法一:.vuepress/styles/palette.styl 修改基准字体大小 $fontSize

方法二:chrome 打印 -> 更多设置 -> 缩放

💡 协作

如果你有更好的想法,欢迎 PR 👏

如果它对你有所帮助,可以点一下 ⭐️Star ~ 😉

License

MIT

Copyright © 2018-present, momoko