feat(vscode): Port to VSCode #17
Conversation
|
Preview:
May have issues with dark themes
Thanks for your contribution! |
|
There's no need to support a dark version for the cv style 🤔 |
Yes, you're right. But in the VS Code preview, it is displayed according to the IDE theme. |
Fixed in 7d388bc. PDF generation style is not touched. Not preferring setting the preview background white, because it may cause eye damage to dark mode users working at midnight🤣 This commit just sets color & bg color properties as
|
|
Actually, there is a huge inconsistency between this version and the original one. But I prefer the version on this pr more. Should I update my version to make it looks like the same? On this branch: Preview from repo: |
Feel free to keep the changes! |
README.md
Outdated
| 但页边距需要在 VSCode 设置中修改： | ||
|
|
||
| 1. 打开 VSCode 设置，选中 Workspace 标签页。 | ||
| 2. 搜索 Markdown-pdf › Margin，并修改四边边距。<br> |
There was a problem hiding this comment.
Choose method 2 to be the main one, and preserved method 1 as an alternative method.
|
|
||
| 1. 下载 [Release](https://github.com/BingyanStudio/LapisCV/releases/latest) 并解压至某一文件夹。 | ||
| 2. 在 VSCode 中打开该文件夹，并安装插件 [Markdown PDF](https://marketplace.visualstudio.com/items?itemName=yzane.markdown-pdf)。 | ||
| 3. 打开模版文件 [template.md](vscode/template.md) 进行内容编辑，右键选择 Markdown PDF - Export (pdf) 即可导出 PDF 文件。 |
There was a problem hiding this comment.
到时候发 release 的话，vscode 的版本是单独打包 vscode 这个子目录的，因此 .vscode 需要放在 vscode 子目录下，这边的安装步骤也需要调整下
There was a problem hiding this comment.
Leave vscode/template.md as it is to ensure relative path relationship.
| @media screen { | ||
| img[alt="avatar"] { | ||
| top: 1mm; | ||
| right: 0; |
There was a problem hiding this comment.
Maybe we should adjust the position of the avatar in the preview?
There was a problem hiding this comment.
@media screen {
img[alt="avatar"] {
position: relative;
top: 0;
right: 0;
}
}
|
Preview:
|
Add VSCode version and corresponding guide to enhance usability for newcomers.
Providing rendered version below:
template.pdf