feat: style optimizition

BingyanStudio · Mar 17, 2024 · cf92f26 · cf92f26
1 parent 3e94140
commit cf92f26
Show file tree

Hide file tree

Showing 5 changed files with 30 additions and 20 deletions.
diff --git a/README.md b/README.md
@@ -12,7 +12,7 @@
     <img alt="Downloads" src="https://img.shields.io/github/downloads/BingyanStudio/LapisCV/total?style=flat-square&color=007ec7">  
 </div><br>
 
-基于 Markdown 格式，易于编辑，所见即所得。风格简洁正式，适用于大部分求职 / 求学场景。
+基于 Markdown 格式，易于编辑，所见即所得。风格简洁正式，支持多页，适用于大部分求职 / 求学场景。
 
 ### 预览
 
@@ -25,7 +25,7 @@
 </div>
 </div>
 
-- [PDF样例](https://raw.githubusercontent.com/BingyanStudio/LapisCV/main/.assets/preview.png)
+- [PDF样例](https://raw.githubusercontent.com/BingyanStudio/LapisCV/main/.assets/preview.pdf)
 
 <br>
 <div align="center">
@@ -56,10 +56,9 @@
 - 引用块：联系方式块
 - 分隔线：**分页标记**
 
-  支持导出多页简历，使用分隔线进行标记，导出的 PDF 将在每个分割线处进行分页。
+  支持导出多页简历，可使用分隔线进行手动标记，导出的 PDF 会在分割线处进行一次分页。
 - `<img alt="avatar" src="...">`：头像，编辑头像时替换 src 图片路径即可，不带头像可删除该行
-
-> Obsidian 无法识别 html 格式的本地图片插入，因此推荐将图片上传到图床上（Github也可充当图床），再放入图片链接
+> Obsidian 无法识别 html 格式的本地图片插入，因此推荐将图片上传为链接再插入
 
 ### 自定义样式
 

diff --git a/obsidian/.obsidian/themes/lapis-cv.css b/obsidian/.obsidian/themes/lapis-cv.css
@@ -25,11 +25,12 @@ body {
   --font-text-size: 10pt;
   --h1-size: 15pt;
   --h2-size: 12pt;
-  --h3-size: 11pt;
+  --h3-size: 10.5pt;
 
   --h1-weight: bold;
   --h2-weight: bold;
   --h3-weight: bold;
+  --bold-weight: bold;
 
   --line-height: 1.8;
   --h1-line-height: 1;
@@ -153,18 +154,18 @@ h6,
 .HyperMD-header.HyperMD-header-5.cm-line,
 .HyperMD-header.HyperMD-header-4.cm-line,
 .HyperMD-header.HyperMD-header-3.cm-line {
-  font-size: 11pt;
+  font-size: 10.5pt;
   padding-top: 0;
-  margin-block-start: 1mm !important;
-  margin-block-end: 1mm !important;
+  margin-block-start: 0 !important;
+  margin-block-end: 0 !important;
 }
 
 h3 a,
 h4 a,
 h5 a,
 h6 a,
 .HyperMD-header span.cm-link {
-  font-size: 10.5pt;
+  font-size: 10pt;
 }
 
 /* List */

diff --git a/obsidian/template.md b/obsidian/template.md
@@ -6,13 +6,13 @@
 
 ## 基本信息
 
-- ### 八爪科技大学 - 本科 - 软件工程专业   (2008.02 - 2024.06)
+### 八爪科技大学 - 本科 - 软件工程专业   (2008.02 - 2024.06)
 
-	**曾获奖项：** GitHub 认证八爪编码员，敏捷章鱼实践者
+- **曾获奖项：** GitHub 认证八爪编码员，敏捷章鱼实践者
 
-	**校园经历：** 担任 OctoStudio 队长，致力于推动服务于八爪生物的技术创新和项目开发。
+- **校园经历：** 担任 OctoStudio 队长，致力于推动服务于八爪生物的技术创新和项目开发。
 
-- **Github：** [github.com/octocat](https://github.com/octocat)   |  **个人博客：** [octocat.github.io](https://octocat.github.io)
+**Github：** [github.com/octocat](https://github.com/octocat)   |  **个人博客：** [octocat.github.io](https://octocat.github.io)
 
 ## 专业技能
 
@@ -45,7 +45,6 @@
 - **设计八爪风格的用户个人资料和互动功能**，例如**基于触手的消息传递**和**墨水喷溅反应**，以促进全球八爪生物和猫之间的社区参与。
 - **集成 OAuth 认证，与 GitHub 账户进行同步**，为 Octocat 和其他在 GitHub 上活跃的八爪生物提供无缝登录和个人资料同步。
 
-
 ### OctoGitHubber - [github.com/octocat/octo-githubber](https://github.com/octocat/octo-githubber)
 
 - **一款专门针对八爪生物的 GitHub 活动和贡献的网络应用程序**，利用 Octo.js 构建前端，Octolang 构建后端。

diff --git a/typora/lapis-cv.css b/typora/lapis-cv.css
@@ -12,7 +12,7 @@
 
     --text-color: #353a42;
     --primary-color: #4870ac;
-    --link-color: #0563c1;
+    --link-color: #4c91da;
     --shadow-color: #dae3eac9;
     --border-color: #dae3ea;
 
@@ -124,6 +124,17 @@
     margin-bottom: 0;
 }
 
+@media print {
+    h1,
+    h2,
+    h3,
+    h4,
+    h5,
+    h6 {
+        page-break-after: avoid;
+    }
+}
+
 /* List */
 
 #write ul {

diff --git a/typora/template.md b/typora/template.md
@@ -6,13 +6,13 @@
 
 ## 基本信息
 
-- ### 八爪科技大学 - 本科 - 软件工程专业  (2008.02 - 2024.06)
+### 八爪科技大学 - 本科 - 软件工程专业   (2008.02 - 2024.06)
 
-  **曾获奖项：**GitHub 认证八爪编码员，敏捷章鱼实践者
+- **曾获奖项：** GitHub 认证八爪编码员，敏捷章鱼实践者
 
-  **校园经历：**担任 OctoStudio 队长，致力于推动服务于八爪生物的技术创新和项目开发。
+- **校园经历：** 担任 OctoStudio 队长，致力于推动服务于八爪生物的技术创新和项目开发。
 
-- **Github：** [github.com/octocat](https://github.com/octocat)   |  **个人博客：** [octocat.github.io](https://octocat.github.io)
+**Github：** [github.com/octocat](https://github.com/octocat)   |  **个人博客：** [octocat.github.io](https://octocat.github.io)
 
 ## 专业技能