saul365/LoveIt
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

feat(style): change custom style file path (#360)

Browse Source
This commit is contained in:
Dillon
2020-05-15 19:05:16 +08:00
committed by GitHub
parent c6733538dc
commit da9df3b0ce
13 changed files with 35 additions and 28 deletions
Download Patch File Download Diff File Expand all files Collapse all files

8
exampleSite/content/posts/theme-documentation-basics/index.en.md
View File

@@ -799,15 +799,17 @@ Add a logo image (127x40) and a cover image (800x600) in the `static` directory.
### 3.4 Style Customization
{{< version 0.2.8 changed >}}
{{< admonition >}}
Hugo **extended** version is necessary for the style customization.
{{< /admonition >}}
**LoveIt** theme has been built to be as configurable as possible by defining custom `.scss` style files.
The directory including the custom `.scss` style files is `config/css` relative to **your project root directory**.
The directory including the custom `.scss` style files is `assets/css` relative to **your project root directory**.
In `config/css/_override.scss`, you can override the variables in `themes/LoveIt/assets/css/_variables.scss` to customize the style.
In `assets/css/_override.scss`, you can override the variables in `themes/LoveIt/assets/css/_variables.scss` to customize the style.
Here is a example:
@@ -816,7 +818,7 @@ Here is a example:
$code-font-family: Fira Mono, Source Code Pro, Menlo, Consolas, Monaco, monospace;
```
In `config/css/_custom.scss`, you can add some css style code to customize the style.
In `assets/css/_custom.scss`, you can add some css style code to customize the style.
## 4 Multilingual and i18n

8
exampleSite/content/posts/theme-documentation-basics/index.fr.md
View File

@@ -804,15 +804,17 @@ Add a logo image (127x40) and a cover image (800x600) in the `static` directory.
### 3.4 Style Customization
{{< version 0.2.8 changed >}}
{{< admonition >}}
Hugo **extended** version is necessary for the style customization.
{{< /admonition >}}
**LoveIt** theme has been built to be as configurable as possible by defining custom `.scss` style files.
The directory including the custom `.scss` style files is `config/css` relative to **your project root directory**.
The directory including the custom `.scss` style files is `assets/css` relative to **your project root directory**.
In `config/css/_override.scss`, you can override the variables in `themes/LoveIt/assets/css/_variables.scss` to customize the style.
In `assets/css/_override.scss`, you can override the variables in `themes/LoveIt/assets/css/_variables.scss` to customize the style.
Here is a example:
@@ -821,7 +823,7 @@ Here is a example:
$code-font-family: Fira Mono, Source Code Pro, Menlo, Consolas, Monaco, monospace;
```
In `config/css/_custom.scss`, you can add some css style code to customize the style.
In `assets/css/_custom.scss`, you can add some css style code to customize the style.
## 4 Multilingual and i18n

8
exampleSite/content/posts/theme-documentation-basics/index.zh-cn.md
View File

@@ -803,15 +803,17 @@ hugo
### 3.4 自定义样式
{{< version 0.2.8 changed >}}
{{< admonition >}}
Hugo **extended** 版本对于自定义样式是必需的.
{{< /admonition >}}
通过定义自定义 `.scss` 样式文件, **LoveIt** 主题支持可配置的样式.
包含自定义 `.scss` 样式文件的目录相对于 **你的项目根目录** 的路径为 `config/css`.
包含自定义 `.scss` 样式文件的目录相对于 **你的项目根目录** 的路径为 `assets/css`.
在 `config/css/_override.scss` 中, 你可以覆盖 `themes/LoveIt/assets/css/_variables.scss` 中的变量以自定义样式.
在 `assets/css/_override.scss` 中, 你可以覆盖 `themes/LoveIt/assets/css/_variables.scss` 中的变量以自定义样式.
这是一个例子:
@@ -820,7 +822,7 @@ Hugo **extended** 版本对于自定义样式是必需的.
$code-font-family: Fira Mono, Source Code Pro, Menlo, Consolas, Monaco, monospace;
```
在 `config/css/_custom.scss` 中, 你可以添加一些 CSS 样式代码以自定义样式.
在 `assets/css/_custom.scss` 中, 你可以添加一些 CSS 样式代码以自定义样式.
## 4 多语言和 i18n