# docsThemes
**Repository Path**: A-cai/docsThemes
## Basic Information
- **Project Name**: docsThemes
- **Description**: No description available
- **Primary Language**: Unknown
- **License**: Not specified
- **Default Branch**: master
- **Homepage**: None
- **GVP Project**: No
## Statistics
- **Stars**: 0
- **Forks**: 0
- **Created**: 2020-07-21
- **Last Updated**: 2023-12-22
## Categories & Tags
**Categories**: Uncategorized
**Tags**: None
## README
# 一、引用
> 仓库地址：https://gitee.com/A-cai/docsThemes
>
> 项目主页：https://a-cai.gitee.io/docsthemes/
直接在 header 中引入：
```html
```
README：https://a-cai.gitee.io/docsthemes/RRADME.md
# 二、目录结构 Oct - Tree
```bash
- .git
- autoSpacing
- fonts
- highlightjs
- highlight-style
- html-style (markdown.css、yige.css)
- markdown-style
- MathJax
- index.html
- RRADME.md
```
# 三、详细说明
（一）主题一 适用于文艺风：
```html
```
（二）主题二 适用于说明文档
```html
```
渲染代码块，让代码高亮：
```html
```
如果不喜欢高亮代码的样式，可以引用第三方的css：
```html
```
可能需要引入的 Mathjax 函数来使HTML支持数学公式（目前markdown导出HTML时仍为p标签，应该是个bug）：
```html
```
### 添加指示器元素：
指示器 css 代码：
```css
/* 指示器元素 */
.indicator {
position: absolute;
top: 0; right: 0; left: 0; bottom: 0;
background: linear-gradient(to right top, teal 50%, transparent 50%) no-repeat;
background-size: 100% calc(100% - 100vh);
z-index: 1;
pointer-events: none;
mix-blend-mode: darken;
}
.indicator::after {
content: '';
position: fixed;
top: 5px; bottom: 0; right: 0; left: 0;
background: #fff;
z-index: 1;
}
```
指示器 html 代码：
```html
```
推荐好看的code.css
```css
- color-brewer.css
- tomorrow.css
```
完整引入（有注释）：
```html
```