Giter Club home page Giter Club logo

logseq-awesome-links's Introduction

"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

logseq-awesome-links's People

Contributors

yoyurec avatar semantic-release-bot avatar snakewa avatar

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    ๐Ÿ–– Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. ๐Ÿ“Š๐Ÿ“ˆ๐ŸŽ‰

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google โค๏ธ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.