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 (4 months ago)
- Last Synced: 2024-11-03T11:34:22.886Z (5 days ago)
- Topics: markdown, resume, vuepress, vuepress-theme
- Language: Vue
- Homepage: https://komomoo.github.io/vuepress-theme-resume/example/dist/
- Size: 1000 KB
- Stars: 432
- Watchers: 2
- Forks: 137
- Open Issues: 5
-
Metadata Files:
- Readme: README.md
- Changelog: CHANGELOG.md
- License: LICENSE
Awesome Lists containing this project
- awesome-starred - komomoo/vuepress-theme-resume - 🐈 书写简洁优雅的前端程序员 markdown 简历,由 vuepress 驱动 (markdown)
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