add English readme

This commit is contained in:
lzy
2024-03-23 15:38:17 +08:00
parent a535e3d58e
commit 0849b70730
2 changed files with 108 additions and 24 deletions

91
README-en.md Normal file
View File

@@ -0,0 +1,91 @@
<div>
<h1 align="center">
Fugu
</h1>
</div>
<div align="center">
<a href="./README.md">简体中文</a> | English
<br>
<br>
<p>
<strong>Fugu</strong> is a <strong>Typora</strong> theme based on <a href="https://github.com/YiNNx/typora-theme-lapis">YiNNx/typora-theme-lapis</a>.
</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>
## Introduction
The complete demo PDF is available [here](./演示.pdf)。
Currently only the light theme is implemented.
Based on [YiNNx/typora-theme-lapis](https://github.com/YiNNx/typora-theme-lapis) modified, also modified from [Theigrams/My-Typora-Themes](https://github.com/Theigrams /My-Typora-Themes), [billchen2k/typora-theme-next](https://github.com/BillChen2K/typora-theme-next) and other themes have been inspired. Thank you for these excellent themes!
- Font:
- [GlowSansSC](https://github.com/welai/glow-sans): Future black, the font selected for the `next` theme.
- [MonaspaceArgon](https://github.com/githubnext/monaspace): A monospaced font that I personally particularly like, launched by Github.
- Code highlighting: Ported from [akamud/vscode-theme-onelight](https://github.com/akamud/vscode-theme-onelight/tree/master).
## Usage
After downloading, place the `fugu.css` and `fugu` folders in the theme directory to enable them.
> fugu.css is the theme, and the fugu folder mainly contains fonts.
## Preview
### Title
<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>
### Horizontal Rules
<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>
### Emphasis
<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>
### Blockquotes
<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>
### Lists
<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>
### Code
<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>
### Table
<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>
### Links
<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>
### Plugins
<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>

View File

@@ -3,19 +3,15 @@
Fugu Fugu
</h1> </h1>
</div> </div>
<div align="center"> <div align="center">
简体中文 | <a href="./README-en.md">English</a>
<br>
<p><strong>Fugu</strong>是基于<a href="https://github.com/YiNNx/typora-theme-lapis">YiNNx/typora-theme-lapis</a>的一款<strong>Typora</strong>主题。</p> <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);" /> <img src="./README.assets/总览.png" alt="总览" style="width: 90%; border-radius: 10px; box-shadow: 0 6px 8px rgba(0, 0, 0, 0.3);" />
</div> </div>
## 简介 ## 简介
完整的演示 PDF 点[这里](./演示.pdf)。 完整的演示 PDF 点[这里](./演示.pdf)。
@@ -25,73 +21,70 @@
基于[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)等主题获得了灵感,感谢这些优秀的主题! 基于[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`主题选用的字体。 - [GlowSansSC](https://github.com/welai/glow-sans):未来荧黑,`next`主题选用的字体。
- [MonaspaceArgon](https://github.com/githubnext/monaspace):我个人特别喜欢的一款等宽字体,由 Github 推出。 - [MonaspaceArgon](https://github.com/githubnext/monaspace):我个人特别喜欢的一款等宽字体,由 Github 推出。
- 代码高亮:移植于[akamud/vscode-theme-onelight](https://github.com/akamud/vscode-theme-onelight/tree/master)。 - 代码高亮:移植于[akamud/vscode-theme-onelight](https://github.com/akamud/vscode-theme-onelight/tree/master)。
## 用法 ## 用法
下载后将`fugu.css``fugu`文件夹放到主题目录下,即可启用。 下载后将`fugu.css``fugu`文件夹放到**typora**主题目录下,即可启用。
> fugu.css 为主题fugu 文件夹下主要是字体。 > fugu.css 为主题fugu 文件夹下主要是字体。
## 预览 ## 预览
### 标题 ### 标题
<div align="center"> <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);" /> <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>
### 分割线 ### 分割线
<div align="center"> <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);" /> <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>
### 强调 ### 强调
<div align="center"> <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);" /> <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>
### 引用块 ### 引用块
<div align="center"> <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);" /> <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>
### 列表 ### 列表
<div align="center"> <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);" /> <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>
### 代码 ### 代码
<div align="center"> <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);" /> <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>
### 表格 ### 表格
<div align="center"> <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);" /> <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>
### 链接 ### 链接
<div align="center"> <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);" /> <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>
### 插件支持 ### 插件支持
<div align="center"> <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);" /> <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>