Ecosyste.ms: Awesome

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

Awesome Lists | Featured Topics | Projects

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

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

markdown resume vuepress vuepress-theme

Last synced: 2 months ago
JSON representation

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

Awesome Lists containing this project

README

        

## 🐈 介绍

当我们在使用 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)

Copyright (c) 2018-present, momoko