Ecosyste.ms: Awesome

An open API service indexing awesome lists of open source software.

https://github.com/komomoo/vuepress-theme-resume

🐈 书写简洁优雅的前端程序员 markdown 简历，由 vuepress 驱动
https://github.com/komomoo/vuepress-theme-resume

markdown resume vuepress vuepress-theme

Last synced: 4 days ago
JSON representation

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

Host: GitHub
URL: https://github.com/komomoo/vuepress-theme-resume
Owner: komomoo
License: mit
Created: 2018-06-03T07:19:01.000Z (over 6 years ago)
Default Branch: master
Last Pushed: 2024-07-07T10:32:42.000Z (5 months ago)
Last Synced: 2024-11-24T15:36:49.473Z (18 days ago)
Topics: markdown, resume, vuepress, vuepress-theme
Language: Vue
Homepage: https://komomoo.github.io/vuepress-theme-resume/example/dist/
Size: 1000 KB
Stars: 434
Watchers: 2
Forks: 138
Open Issues: 5
Metadata Files:
- Readme: README.md
- Changelog: CHANGELOG.md
- License: LICENSE

awesome-starred - komomoo/vuepress-theme-resume - 🐈 书写简洁优雅的前端程序员 markdown 简历，由 vuepress 驱动 (markdown)

## 🐈 介绍

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

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

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

于是...

![](imgs/eg.jpg)

## 🚀 开始

### 方式一：直接开始

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

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

> 若环境中不存在 `yarn`/`npm`，则需要先[安装yarn](https://yarnpkg.com/zh-Hans/docs/install)

```bash
# 安装依赖包
yarn # 或 npm i

# 开始
yarn dev # 或 npm run dev
```

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

3. 第三步：修改 example/README.md，保存后网页将自动热更新

### 方式二：使用主题

```bash
yarn add -D vuepress-theme-resume # 或使用npm：npm i -D vuepress-theme-resume
```

```js
// .vuepress/config.js 中添加
theme: 'resume',
```

### 样式覆盖

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

```css
/* 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](http://opensource.org/licenses/MIT)