/logseq-awesome-links

Icons for links. Logseq Plugin

Primary LanguageTypeScriptMIT LicenseMIT

"Awesome Links" plugin for Logseq

logo

  • Custom journal icon 🡖
  • Favicons for external links (with caching) 🡖
  • Pages icons/colors for internal links & tags (shows in content, sidebar, page title & tabs) 🡖
    • Common page icon::
    • Icon for cases when the page is an alias
    • Inherit icon from page prop
    • Inherit icon for cases when the prop is an alias
    • Inherit icon from hierarchy root item or it's props
  • In addition page links & tags color color: "value" 🡖
  • Page iconsicon::extended from Emoji to hundreds icons set via Nerd fonts support 🡖

If you ❤ what i'm doing - you can support my work! ☕

Install

From Logseq store - Plugins -> Marketplace

Recommended plugins/themes

Features

⭐ Auto favicons for external links

✨ Page icons

Enable feature to show Logseq page (or aliased page) icon for internal links in content. In addition you can config icon inheriting from page property referenced page, to avoid manual setting icon:: for common pages. For ex.:

  • create "Projects" page, set icon:: 🎯 for it
  • create "Some project" page, set page-type:: [[Projects]]
  • set in plugin settings "Inherit icon from..." page-type
  • ...and all pages with page-type:: [[Projects]] will have inherited "Projects" page icon 🎯!

Hierarchy ex.:

  • create "Location" page, set icon:: 🌍 for it
  • create "Ukraine" page, set page-type:: [[Location]]
  • set in plugin settings "Inherit icon from..." page-type
  • create page [[Ukraine/Kyiv]]
  • ...page "Ukraine/Kyiv" will have inherited "Location" page icon 🌍!

Inherited icons also will be shown on current page title, current tab (if "Tabs" plugin installed) and sidebar.

To disable icon for custom markdown links - start link text with space:

 [→]([[books]]) — [[📖 →]]
[ →]([[books]]) — [[ →]]

To disable icon for specific page if it was inherited, but not needed

icon:: none

Journal pages default props (cose there is no inherit from) can be configured in Settings (⚠ no quotes in colors!).

🎨 Page colors

To customize link color, add property (to page or to inherited page) color:: with double quotes. Any valid CSS value (for ex color names )

color:: "#00ff00"

✨ Custom page icons

3600+ icons combined from popular sets (Font Awesome, Material Design, SetiUI, etc...)! Native Logseq props icon:: extended with Nerd icons font:

  • Search in collection (Icons Cheat Sheet),
  • select
  • press "Copy icon",
  • paste to icon:: props

Banners & Tabs plugin support included 😎 Feature can be disabled.

✨ Journal icon

Can be customized in settings. Delete value to disable feature.

What is Logseq?

Logseq is a privacy-first, open-source knowledge base. Visit https://logseq.com for more information.

Support

Credits

License

MIT License