terwer / siyuan-theme-zhihu

A siyuan-note theme inspired by zhihu 一款知乎风格的思源笔记主题

中文

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 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:

• Font style beautification, using Open Sans for English and LXGW WenKai for Chinese
• Background color optimization, overall layout and spacing optimization
• Code block beautification, similar to the Mac window style
• Editor (core optimization point)
  • Spacing optimization
  • HR horizontal line
  • Blockquote
• Toolbar
• Tab bar, mimicking Chrome style
• Document tree
• Left panel, Right panel, Bottom panel
• Market
• Flash card
  • Flash card marker style
  • List business card printing
  • Super block business card printing
• 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

  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

  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