komomoo / vuepress-theme-resume Goto Github PK

View Code? Open in Web Editor NEW

417.0 2.0 137.0 919 KB

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

Home Page: https://komomoo.github.io/vuepress-theme-resume/example/dist/

License: MIT License

Vue 60.27% JavaScript 13.73% Shell 0.97% Stylus 25.02%

vuepress vuepress-theme resume markdown

vuepress-theme-resume's Introduction

🐈 介绍

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

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

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

于是...

🚀 开始

方式一：直接开始

第一步：git clone 或 download 该项目
第二步：cd 进入项目目录

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

# 安装依赖包
yarn # 或 npm i

# 开始
yarn dev # 或 npm run dev

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

第三步：修改 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

vuepress-theme-resume's People

Contributors

Stargazers

Watchers

Forkers

wz-fork jokinglove march-deng jianzhouf wengqiujie awesome-archive aprildove hanmichael isting xuhaitian123 jlyang2 sailing-m kaixili xuangel5052 xcyi2017 dengzhenzhen tinadd zxl1213 coding-yuan loolitaaa mystery4f vienpt explodingdragon nuochong songlairui jamesbreon suidaoyilu 10kshuaizhang yiliang114 whxb69 mamacmm kangkang59812 waynett kongxiangrun vnaki keepview kokocheung jerryliu306 icocowen joyhuangbb iavl reneedress uiuang hunterxing reliablegg somehow-yw doozz skybbx bookkeep zmm2tysu summitn zjhl2 fexture shellteo kotori-y jackpurcell yida-lxw silvercoin0214 lewisyan koucxz migue821 acigo mengyou658 liuliuzo llayjun xieliangza dyngq acewzj gwhcn wsy-dbdx symdata01 jlxhhh clarkkryptonite hungthai1401 wzy528 mike-7777777 relax-er weichengfu jaswanthrk xcxywy labelw nightxlt kawhi66 veyron9288 yak1990 zijian-ju qqlive wooodhead mercury-w-c-j antonyzhang726 tangjudy delbug agenthun tangyumeng ccz-cc liqiangz alexwjj 0sheldonhuang0 altlantis originxiong

vuepress-theme-resume's Issues

右上角的个人信息不能左对齐或右对齐吗？

clone完毕后出现下面问题

$ git clone https://github.com/wannaxiao/vuepress-theme-resume.git
Cloning into 'vuepress-theme-resume'...
remote: Enumerating objects: 3, done.
remote: Counting objects: 100% (3/3), done.
remote: Compressing objects: 100% (3/3), done.
remote: Total 98 (delta 0), reused 3 (delta 0), pack-reused 95
Unpacking objects: 100% (98/98), done.

$ yarn
bash: yarn: command not found

$ npm i
npm WARN saveError ENOENT: no such file or directory, open 'D:\github\resume\package.json'
npm notice created a lockfile as package-lock.json. You should commit this file.
npm WARN enoent ENOENT: no such file or directory, open 'D:\github\resume\package.json'
npm WARN resume No description
npm WARN resume No repository field.
npm WARN resume No README data
npm WARN resume No license field.

up to date in 14.862s
found 0 vulnerabilities

请教下如何解决