Skip to content
🐈 书写简洁优雅的前端程序员 markdown 简历,由 vuepress 驱动
Vue CSS JavaScript
Branch: master
Clone or download
wannaxiao Merge pull request #3 from wannaxiao/dependabot/npm_and_yarn/lodash.t…
…emplate-4.5.0

chore(deps): bump lodash.template from 4.4.0 to 4.5.0
Latest commit 27c8f87 Jul 16, 2019
Permalink
Type Name Latest commit message Commit time
Failed to load latest commit information.
example style: adjust Jun 3, 2018
imgs feat: init Jun 3, 2018
styles feat: init Jun 3, 2018
.gitignore feat: page Jun 3, 2018
DropdownLink.vue feat: init Jun 3, 2018
DropdownTransition.vue feat: init Jun 3, 2018
LICENSE feat: init Jun 3, 2018
Layout.vue feat: init Jun 3, 2018
NavLink.vue feat: init Jun 3, 2018
NavLinks.vue feat: init Jun 3, 2018
NotFound.vue feat: init Jun 3, 2018
OutboundLink.vue feat: init Jun 3, 2018
Page.vue style: adjust Jun 3, 2018
README.md docs: modify Jun 24, 2019
Sidebar.vue feat: init Jun 3, 2018
SidebarButton.vue feat: init Jun 3, 2018
SidebarGroup.vue feat: init Jun 3, 2018
SidebarLink.vue feat: init Jun 3, 2018
package.json chore(release): 0.1.0 Feb 13, 2019
util.js feat: init Jun 3, 2018
yarn.lock chore(deps): bump lodash.template from 4.4.0 to 4.5.0 Jul 11, 2019

README.md

🐈 介绍

当我们在使用 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/override.styl 文件

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

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

常见问题

如何导出为 pdf?

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

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

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

方法一:.vuepress/override.styl 修改基准字体大小 $fontSize
方法二:chrome 打印 -> 更多设置 -> 缩放

💡 协作

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

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

License

MIT

Copyright (c) 2018-present, momoko

You can’t perform that action at this time.