https://github.com/terwer/siyuan-theme-zhihu
A siyuan-note theme inspired by zhihu 一款知乎风格的思源笔记主题
https://github.com/terwer/siyuan-theme-zhihu
siyuan siyuan-note siyuan-theme theme zhihu
Last synced: 2 months ago
JSON representation
A siyuan-note theme inspired by zhihu 一款知乎风格的思源笔记主题
- Host: GitHub
- URL: https://github.com/terwer/siyuan-theme-zhihu
- Owner: terwer
- Created: 2023-03-13T11:11:06.000Z (about 2 years ago)
- Default Branch: main
- Last Pushed: 2024-11-05T10:54:35.000Z (6 months ago)
- Last Synced: 2024-12-25T11:44:32.591Z (4 months ago)
- Topics: siyuan, siyuan-note, siyuan-theme, theme, zhihu
- Language: Stylus
- Homepage:
- Size: 11.6 MB
- Stars: 4
- Watchers: 2
- Forks: 0
- Open Issues: 11
-
Metadata Files:
- Readme: README.md
- Changelog: CHANGELOG.md
Awesome Lists containing this project
README
[中文](https://github.com/terwer/siyuan-theme-zhihu/blob/main/README_zh_CN.md)
# Zhihu
A siyuan-note theme inspired by zhihu
> ⚠️ WARNING: Current version in the early stage, and the function is not comprehensive yet. Valuable opinions through [issue](https://github.com/terwer/siyuan-theme-zhihu/issues/new) is welcome.
## Core Features
The theme is inspired by `Zhihu` but not limited to its style. The appearance optimization includes but is not limited
to:
- [X] Font style beautification, using `Open Sans` for English and `LXGW WenKai` for Chinese
- [X] Background color optimization, overall layout and spacing optimization
- [X] Code block beautification, similar to the Mac window style
- [ ] Editor (core optimization point)
- [X] Spacing optimization
- [X] HR horizontal line
- [X] Blockquote
- [ ] Toolbar
- [ ] Tab bar, mimicking Chrome style
- [ ] Document tree
- [ ] Left panel, Right panel, Bottom panel
- [ ] Market
- [ ] Flash card
- [X] Flash card marker style
- [X] List business card printing
- [X] Super block business card printing
- [X] Mobile
- [ ] More features are under continuous development...
👻 Ahem, here are the easter egg functions 👻
- Temporarily turn on eye protection mode
Open the developer tool, enter the following js code and press Enter, you can temporarily switch to the eye protection mode
```js
document.querySelector("html").setAttribute("data-theme-mode", "green")
```
- Permanently turn on eye protection mode
Note: The current theme is 100% pure css, so the custom mode cannot be switched automatically. If you want to permanently default to the eye protection mode, you can add the above js code to the js fragment.
Add the following js code to the js fragment to switch to eye protection mode
```js
document.querySelector("html").setAttribute("data-theme-mode", "green")
```
If you need to cancel, disable this js fragment and restart Siyuan.
## Donate
If you approve of this project, invite me to have a cup of coffee, which will encourage me to keep updating and create
more useful tools~
### Wechat
### Alipay
