diff --git a/.gitignore b/.gitignore new file mode 100644 index 0000000..e43b0f9 --- /dev/null +++ b/.gitignore @@ -0,0 +1 @@ +.DS_Store diff --git a/README.md b/README.md index 032ecc2..15cc396 100644 --- a/README.md +++ b/README.md @@ -29,8 +29,8 @@ A curated list of awesome themes, plugins and more for [Obsidian](https://obsidi - [Themes](#themes) - [For Developers](#for-developers) - # What is Obsidian? +
@@ -43,6 +43,7 @@ A curated list of awesome themes, plugins and more for [Obsidian](https://obsidi
# Resources +
@@ -62,6 +63,7 @@ A curated list of awesome themes, plugins and more for [Obsidian](https://obsidi
# Plugins +
@@ -74,6 +76,7 @@ A curated list of awesome themes, plugins and more for [Obsidian](https://obsidi
# External Tools +
@@ -94,7 +97,7 @@ A curated list of awesome themes, plugins and more for [Obsidian](https://obsidi | [DayOne JSON to MD](https://github.com/ze-kel/DayOne-JSON-to-MD) | Simple app that converts jsons (packed with media files into zip) exports from Day One to Markdown. | [Kirill Kleymenov](https://github.com/ze-kel) | | [Annotation tools](https://github.com/collignon/annotation-tools) | connecting hypothesis and obsidian.md | [Nicolas Collignon](https://github.com/collignon) | | [A thousand notes](https://github.com/davidedc/A-thousand-notes) | Scripts for cleaning, validating and maintaining the markdown notes exported from Evernote. | [Davide Della Casa](https://github.com/davidedc) | -| [PKMigrator](https://github.com/AnweshGangula/PKMigrator) | Tools to migrate between various Personal Knowledge Management Utilities, including Remnote, Obsidian, Roam and Org-roam. | [Anwesh Gangula ](https://github.com/AnweshGangula) | +| [PKMigrator](https://github.com/AnweshGangula/PKMigrator) | Tools to migrate between various Personal Knowledge Management Utilities, including Remnote, Obsidian, Roam and Org-roam. | [Anwesh Gangula](https://github.com/AnweshGangula) | | [Goodsidian](https://github.com/selfire1/goodsidian) | Goodsidian takes updates to your shelves on Goodreads and formats them to a note in Obsidian. | [selfire1](https://github.com/selfire1) | --- @@ -138,6 +141,7 @@ A curated list of awesome themes, plugins and more for [Obsidian](https://obsidi
# Templates +
@@ -151,7 +155,9 @@ A curated list of awesome themes, plugins and more for [Obsidian](https://obsidi | [Obsidian JG Method](https://github.com/joshwingreene/Obsidian-JG-Method) | A starter kit that follows how to use Obsidian to manage goals, tasks, notes, and software development knowledge base. | [joshwingreene](https://github.com/joshwingreene) | | [SlRvb’s Journaling Setup](https://publish.obsidian.md/slrvb/50+Nebula/30-N+Nebula/N+-+Bullet+Journal+Setup) | This is a deep dive into how SlRvb go about journaling the things that happen in his life. | [SlRvb](https://forum.obsidian.md/u/SlRvb/summary) | | [SlRvb’s MediaDB Setup](https://publish.obsidian.md/slrvb/50+Nebula/30-N+Nebula/N+-+MediaDB+Vault+Setup) | Setup for a database vault that stores entertainment media. | [SlRvb](https://forum.obsidian.md/u/SlRvb/summary) | + ## Note templates + | Name | Description | Credits | | :--: | :---------- | ------: | | [Obsidian Templates](https://github.com/chetachiezikeuzor/Obsidian-Templates) | Few templates, such as admonitions, chess plays, clipboard and others | [Chetachi Ezikeuzor](https://github.com/chetachiezikeuzor) | @@ -160,6 +166,7 @@ A curated list of awesome themes, plugins and more for [Obsidian](https://obsidi
# CSS Snippets +
@@ -183,6 +190,7 @@ Small tweaks to add to your `vault/.obsidian/snippets` folder. - [Better Bullet Points in Edit Mode](#better-bullet-points-in-edit-mode) - [Image Cards](#image-cards) - [Media Grid](#media-grid) +- [Custom-folder-files-tree](#Custom-folder-files-tree) Not enough? There are many other places related to snippets: @@ -392,9 +400,18 @@ For information on requirements and how to use this snippet, see its [original r --- +## [Custom-folder-files-tree](code/css-snippets/custom-folder-files-tree.css) + +![preview](media/css-snippets/custom-folder-files-tree.gif) + +[📁 custom-folder-files-tree.css](code/css-snippets/custom-folder-files-tree.css) + +--- +
# Themes +
@@ -484,6 +501,7 @@ Most themes should be available through the `Appearance` => `Community themes` i
# For Developers +
diff --git a/code/css-snippets/custom-folder-files-tree.css b/code/css-snippets/custom-folder-files-tree.css new file mode 100644 index 0000000..d62782b --- /dev/null +++ b/code/css-snippets/custom-folder-files-tree.css @@ -0,0 +1,122 @@ +/* Custom icons for specific folders or files */ + +:root { + --active-file-bg-color: #005C00; + --active-file-fg-color: #ffffff; +} + +/* folder begin */ +.nav-folder-title { + cursor: pointer !important; +} +.nav-file-title-content, .nav-folder-title-content { + display: flex !important; + align-items: center; +} +.nav-folder-title-content::before { + content: ''; + background: url("https://media.macosicons.com/parse/files/macOSicons/af21153d07a2e92bde7b2ad155055489_low_res_1619092574091.png") no-repeat center; + background-size: 100%; + width: 20px; + height: 20px; + display: inline-block; + margin-right: 5px; +} +/* root folder */ +div[data-path="/"] .nav-folder-title-content::before +{ + content: ''; +} +/* 所有的附件目录, 我自定义的附件目录为笔记所在目录的名为 attachments 的子目录, 匹配以 attachments 结尾 */ +/* All attachment directories, and my custom `attachments` directory is the subdirectory named `attachments` of the note directory and ends with the matching `attachments` */ +div[data-path$="attachments"] .nav-folder-title-content::before +{ + background: url("https://media.macosicons.com/parse/files/macOSicons/325fcaee7fcf0ce428cddec2a53675c1_low_res_Folder___Favourite_Images.png") no-repeat center; + background-size: 100%; +} +div[data-path="编程"] .nav-folder-title-content::before +{ + background: url("https://media.macosicons.com/parse/files/macOSicons/c84880ed4b36bcaf78df9580aa069a43_low_res_Programming_Folder.png") no-repeat center; + background-size: 100%; +} +div[data-path="编程/工具"] .nav-folder-title-content::before +{ + background: url("https://media.macosicons.com/parse/files/macOSicons/9d1f67b889d73ed9813c83199e039354_low_res_Developer_Folder.png") no-repeat center; + background-size: 100%; +} +div[data-path="编程/Docker"] .nav-folder-title-content::before +{ + background: url("https://media.macosicons.com/parse/files/macOSicons/f024d0e956f6663fb48b55ac11673f54_low_res_Docker.png") no-repeat center; + background-size: 100%; +} +div[data-path="编程/MacOS"] .nav-folder-title-content::before +{ + background: url("https://media.macosicons.com/parse/files/macOSicons/4ad8d9253a2541e49b6d86d5fe0f6829_low_res_Apple.png") no-repeat center; + background-size: 100%; +} +div[data-path="编程/MySQL"] .nav-folder-title-content::before +{ + background: url("https://media.macosicons.com/parse/files/macOSicons/dfb95bab582395d9e5fa89284bb24e34_MySQL_Workbench.png") no-repeat center; + background-size: 100%; +} +div[data-path="编程/RabbitMQ"] .nav-folder-title-content::before +{ + background: url("https://media.macosicons.com/parse/files/macOSicons/28c81b354a89b7ebeb599a849f5291a2_low_res_Matrix_Follow_the_White_Rabbit_Folder.png") no-repeat center; + background-size: 100%; +} +div[data-path="编程/Spring"] .nav-folder-title-content::before +{ + background: url("https://media.macosicons.com/parse/files/macOSicons/d89876a20a9ce438cc7f437a7704a6a2_low_res_Spring_Tool_Suite_4.png") no-repeat center; + background-size: 100%; +} +div[data-path="编程/Linux"] .nav-folder-title-content::before +{ + background: url("https://media.macosicons.com/parse/files/macOSicons/6604c58f3ffcd4648f6c1bf1a956818b_low_res_Linux.png") no-repeat center; + background-size: 100%; +} +div[data-path="编程/Jenkins"] .nav-folder-title-content::before +{ + background: url("https://media.macosicons.com/parse/files/macOSicons/c5e3a3b55e2e23b9dc839305fe53dbf1_low_res_Jenkins.png") no-repeat center; + background-size: 100%; +} +div[data-path="编程/Java"] .nav-folder-title-content::before +{ + background: url("https://media.macosicons.com/parse/files/macOSicons/f4ae1a3f1d2143a2e2ec0b94ea374ace_low_res_Java.png") no-repeat center; + background-size: 100%; +} +div[data-path="编程/GitLab"] .nav-folder-title-content::before +{ + background: url("https://media.macosicons.com/parse/files/macOSicons/d7033bb681a9f5ae6f3b0479573b0352_low_res_Gitlab.png") no-repeat center; + background-size: 100%; +} +/* folder end */ + +/* file begin */ +.nav-file-title { + cursor: pointer !important; +} +.nav-file-title-content::before { + content: ''; + background: url("https://media.macosicons.com/parse/files/macOSicons/c66c64dea9d84b6dcb21836d5fa451e5_low_res_Google_Docs.png") no-repeat center; + background-size: 100%; + width: 20px; + height: 20px; + display: inline-block; + margin-right: 5px; +} +/* All attachment hidden file icon */ +.nav-file-title[data-path*="attachments"] .nav-file-title-content::before { + content: ''; + background: none !important; + width: 0px; + height: 0px; + display: inline-block; + margin-right: 0px; +} +body:not(.is-grabbing) .nav-file-title.is-active:hover, body:not(.is-grabbing) .nav-folder-title.is-active:hover, .nav-file-title.is-active, .nav-folder-title.is-active { + background: var(--active-file-bg-color) !important; + color: var(--active-file-fg-color) !important; +} +/* file end */ + + diff --git a/media/css-snippets/custom-folder-files-tree.gif b/media/css-snippets/custom-folder-files-tree.gif new file mode 100644 index 0000000..c52e67d Binary files /dev/null and b/media/css-snippets/custom-folder-files-tree.gif differ