From e7997a933bc08fa1f0ff63375f074d1a61369191 Mon Sep 17 00:00:00 2001 From: Mivinci <1366723936@qq.com> Date: Wed, 26 Jan 2022 23:20:50 +0800 Subject: [PATCH] improve style --- README.md | 12 ++++++------ assets/sass/main.scss | 4 ++-- assets/sass/markdown.scss | 8 +++++++- exampleSite/config.toml | 2 +- exampleSite/content/instruction.md | 19 ++++++++++--------- 5 files changed, 26 insertions(+), 19 deletions(-) diff --git a/README.md b/README.md index 2717bf3..987ec45 100644 --- a/README.md +++ b/README.md @@ -46,17 +46,17 @@ Follow [exampleSite/config.toml](https://github.com/Mivinci/hugo-theme-minima/bl ### Supported Front Matters | Field | Type | Explanation | -| ----------- | ------ | ------------------------------------------------------ | -| title | string | Title of the post, will be rendered in a `h1` tag | -| description | string | Description of the post, will be rendered in a `p` tag | -| date | string | Datetime that the post is written | +|:----------- |:------ |:------------------------------------------------------ | +| title | string | Title of the post | +| description | string | Description of the post | +| date | string | Datetime when the post is written | | categories | array | Array of categories the posts belongs to | | series | array | Array of series the post belongs to | | tags | array | Array of tags the posts is related to | | math | bool | True if the post needs to render math formulas | -| mermaid | bool | True if the post needs to render mermaid graphs | +| mermaid | bool | True if the post needs to render mermaid diagrams | | comment | bool | True if the post allows people to make comments | -| draft | bool | True if the post isn't already to production | +| draft | bool | True if the post isn't already for publishing | | toc | bool | True if the post needs a ToC | ### Feedback diff --git a/assets/sass/main.scss b/assets/sass/main.scss index 3e8811f..1afa378 100644 --- a/assets/sass/main.scss +++ b/assets/sass/main.scss @@ -12,7 +12,7 @@ --w-mobile: 640px; - --global-font-family: Verdana, Geneva, Tahoma, sans-serif; + --global-font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Open Sans', 'Helvetica Neue', sans-serif; } html.dark { @@ -29,9 +29,9 @@ html.dark { } body { - font-family: var(--global-font-family); max-width: var(--w-mobile); margin: 3rem auto 0; + font-family: var(--global-font-family); font-size: 16px; font-weight: 400; color: var(--ft); diff --git a/assets/sass/markdown.scss b/assets/sass/markdown.scss index a2c10bc..db4238c 100644 --- a/assets/sass/markdown.scss +++ b/assets/sass/markdown.scss @@ -1,7 +1,7 @@ .md blockquote { background-color: rgba(148, 148, 149, 0.08) ; padding: 1px 1rem; - border-left: 8px solid var(--pm); + border-left: 4px solid var(--pm); font-style: italic; } @@ -58,6 +58,12 @@ margin: .75rem 0; } +.md blockquote p { + margin: .5rem 0; + line-height: 1.5; + font-size: .9rem; +} + .md hr { margin: 1.5rem 0; } diff --git a/exampleSite/config.toml b/exampleSite/config.toml index 7e5304b..be5e996 100644 --- a/exampleSite/config.toml +++ b/exampleSite/config.toml @@ -41,7 +41,7 @@ displayDate = true selectable = true # Custom global font. notice: `globalFontFamily` won't be working # on texts in some special positions like on titles -globalFontFamily = 'LXGW WenKai' +globalFontFamily = "" # If set true, all your posts will use the chosen comment plugin # except those with a `comment: false` in their front-matter commentOnAllPosts = true diff --git a/exampleSite/content/instruction.md b/exampleSite/content/instruction.md index 2fe1eae..0bd2709 100644 --- a/exampleSite/content/instruction.md +++ b/exampleSite/content/instruction.md @@ -11,13 +11,14 @@ comment: true ## Features +- [x] Clean - [x] Light/dark mode -- [x] VSCode-style code hightlighting +- [x] VSCode-style code hightlighting (the most alike among all Hugo themes) - [x] KaTeX -- [x] Mermaid +- [x] Mermaid diagrams - [x] Google analytics -- [x] Disqus/Utterances comments -- [x] Optional ToC +- [x] Disqus/Utterances +- [x] Optional ToC ## Usage @@ -49,16 +50,16 @@ Follow [exampleSite/config.toml](https://github.com/Mivinci/hugo-theme-minima/bl | Field | Type | Explanation | |:----------- |:------ |:------------------------------------------------------ | -| title | string | Title of the post,
will be rendered in a `h1` tag | -| description | string | Description of the post, will be rendered in a `p` tag | -| date | string | Datetime that the post is written | +| title | string | Title of the post | +| description | string | Description of the post | +| date | string | Datetime when the post is written | | categories | array | Array of categories the posts belongs to | | series | array | Array of series the post belongs to | | tags | array | Array of tags the posts is related to | | math | bool | True if the post needs to render math formulas | -| mermaid | bool | True if the post needs to render mermaid graphs | +| mermaid | bool | True if the post needs to render mermaid diagrams | | comment | bool | True if the post allows people to make comments | -| draft | bool | True if the post isn't already to production | +| draft | bool | True if the post isn't already for publishing | | toc | bool | True if the post needs a ToC | ### Feedback