https://github.com/echore/blog
https://github.com/echore/blog
Last synced: 28 days ago
JSON representation
- Host: GitHub
- URL: https://github.com/echore/blog
- Owner: echore
- License: mit
- Created: 2024-12-13T01:33:52.000Z (over 1 year ago)
- Default Branch: v4
- Last Pushed: 2026-04-19T02:08:36.000Z (3 months ago)
- Last Synced: 2026-04-19T04:15:50.897Z (3 months ago)
- Language: TypeScript
- Homepage: https://blog-two-rho-76.vercel.app
- Size: 244 MB
- Stars: 0
- Watchers: 1
- Forks: 0
- Open Issues: 7
-
Metadata Files:
- Readme: README.md
- Funding: .github/FUNDING.yml
- License: LICENSE.txt
- Code of conduct: CODE_OF_CONDUCT.md
Awesome Lists containing this project
README
---
title: Quartz
---
-> [PRESET](https://github.com/Enveloppe/plugin-presets):
- [YAML based](https://github.com/Enveloppe/plugin-presets/blob/main/presets/quartz-yaml-based.json)
- [Obsidian path based](https://github.com/Enveloppe/plugin-presets/blob/main/presets/quartz-yaml-based.json)
## [Quartz](https://quartz.jzhao.xyz/)
See the official documentation on how to configure Quartz.
For the template, a special template that add a "little" more features is available [here](https://github.com/Enveloppe/Enveloppe-Quartz).
The template includes:
- File and folder icons
- Mobile navigation
> [!tip] You can click on "Sync fork" to get the latest updates from the original repository.
### File & Folder icons configuration
- Use [Iconize Assistant](https://github.com/mara-li/iconize-assistant) to save icon path into the frontmatter of the file.
> [!note] Iconize icons needs to be accessible by the plugin! I store them into `_assets/PLUGINS/icons`.
- Configure the plugin to send icons file (using override attachment) into `quartz/static/icons` : Replace path of attachment for svg files: `/(_assets\/_PLUGINS\/icons)\/(.*)\/(.*)\.(svg)$/`->`quartz/static/icons/$2/{{name}}`
- Configure the plugin to send file by frontmatter key: `icon_file`
- In the file [quartz.layout.ts], add this:
```ts
const iconsOptions: IconFolderOptions = {
rootIconFolder: "quartz/static/icons",
default: {
file: "file",
},
}
```
> [!warning] Don't forget to add the default icon (named `file.svg`) in the `quartz/static/icons` folder.
- Edit `Component.ExlorerBurger()` as follow:
```
Component.ExplorerBurger({
//keep your old settings; add only iconSettings
iconSettings: iconsOptions,
}),
```
- Edit `Component.ArticleTitle()` as follow: `Component.ArticleTitle(iconsOptions)`
### Mobile navigation
The mobile navigation is instable and rely on a specific layout. Don't change the layout, order, or place of the components.
### Sort order
You can use the frontmatter key `order` to sort the files and folder by number. If not found, the sort order will use the display name.