97 lines
3.1 KiB
Markdown
97 lines
3.1 KiB
Markdown
<div>
|
||
<h1 align="center">
|
||
Fugu
|
||
</h1>
|
||
</div>
|
||
|
||
<div align="center">
|
||
<p><strong>Fugu</strong>是基于<a href="https://github.com/YiNNx/typora-theme-lapis">YiNNx/typora-theme-lapis</a>的一款<strong>Typora</strong>主题。</p>
|
||
<img src="./README.assets/总览.png" alt="总览" style="width: 90%; border-radius: 10px; box-shadow: 0 6px 8px rgba(0, 0, 0, 0.3);" />
|
||
</div>
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
## 简介
|
||
|
||
完整的演示PDF点[这里](./演示.pdf)。
|
||
|
||
目前只实现了浅色主题。
|
||
|
||
基于[YiNNx/typora-theme-lapis ](https://github.com/YiNNx/typora-theme-lapis)修改，也从[Theigrams/My-Typora-Themes](https://github.com/Theigrams/My-Typora-Themes)，[billchen2k/typora-theme-next](https://github.com/BillChen2K/typora-theme-next)等主题获得了灵感，感谢这些优秀的主题！
|
||
|
||
- 字体：
|
||
- [GlowSansSC](https://github.com/welai/glow-sans)：未来荧黑，`next`主题选用的字体。
|
||
- [MonaspaceArgon](https://github.com/githubnext/monaspace)：我个人特别喜欢的一款等宽字体，由Github推出。
|
||
|
||
- 代码高亮：移植于[akamud/vscode-theme-onelight](https://github.com/akamud/vscode-theme-onelight/tree/master)。
|
||
|
||
|
||
|
||
## 用法
|
||
|
||
下载后将`fugu.css`和`fugu`文件夹放到主题目录下，即可启用。
|
||
|
||
> fugu.css 为主题，fugu 文件夹下主要是字体。
|
||
|
||
|
||
|
||
## 预览
|
||
|
||
### 标题
|
||
<div align="center">
|
||
<img src="./README.assets/标题.png" alt="标题" style="align:center;width: 90%; border-radius: 10px; box-shadow: 0 6px 8px rgba(0, 0, 0, 0.3);" />
|
||
</div>
|
||
|
||
|
||
### 分割线
|
||
<div align="center">
|
||
<img src="./README.assets/分割线.png" alt="分割线" style="align:center;width: 90%; border-radius: 10px; box-shadow: 0 6px 8px rgba(0, 0, 0, 0.3);" />
|
||
</div>
|
||
|
||
|
||
### 强调
|
||
<div align="center">
|
||
<img src="./README.assets/强调.png" alt="强调" style="align:center;width: 90%; border-radius: 10px; box-shadow: 0 6px 8px rgba(0, 0, 0, 0.3);" />
|
||
</div>
|
||
|
||
|
||
### 引用块
|
||
<div align="center">
|
||
<img src="./README.assets/引用块.png" alt="引用块" style="align:center;width: 90%; border-radius: 10px; box-shadow: 0 6px 8px rgba(0, 0, 0, 0.3);" />
|
||
</div>
|
||
|
||
|
||
### 列表
|
||
<div align="center">
|
||
<img src="./README.assets/列表.png" alt="列表" style="align:center;width: 90%; border-radius: 10px; box-shadow: 0 6px 8px rgba(0, 0, 0, 0.3);" />
|
||
</div>
|
||
|
||
|
||
### 代码
|
||
<div align="center">
|
||
<img src="./README.assets/代码" alt="代码" style="align:center;width: 90%; border-radius: 10px; box-shadow: 0 6px 8px rgba(0, 0, 0, 0.3);" />
|
||
</div>
|
||
|
||
|
||
### 表格
|
||
<div align="center">
|
||
<img src="./README.assets/表格.png" alt="表格" style="align:center;width: 90%; border-radius: 10px; box-shadow: 0 6px 8px rgba(0, 0, 0, 0.3);" />
|
||
</div>
|
||
|
||
|
||
### 链接
|
||
<div align="center">
|
||
<img src="./README.assets/链接.png" alt="链接" style="align:center;width: 90%; border-radius: 10px; box-shadow: 0 6px 8px rgba(0, 0, 0, 0.3);" />
|
||
</div>
|
||
|
||
|
||
### 插件支持
|
||
<div align="center">
|
||
<img src="./README.assets/插件.png" alt="插件" style="align:center;width: 90%; border-radius: 10px; box-shadow: 0 6px 8px rgba(0, 0, 0, 0.3);" />
|
||
</div>
|