Code Monkey home page Code Monkey logo

logseq-awesome-links's Introduction

Other my plugins/themes

If you โค what i'm doing - you can support my work! โ˜•

"Awesome Links" plugin for Logseq

logo

  • Custom journal icon ๐Ÿก–
  • Favicons for external links (with caching) ๐Ÿก–
  • Colors for external internal links
  • 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 ๐Ÿก–

Install

From Logseq store - Plugins -> Marketplace

Recommended plugin

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

To hide page title (show only icon):

hidetitle:: true

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

Nerd font

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

Banners & Tabs plugin support included ๐Ÿ˜Ž

Tabler icons

2800+ icons Native Logseq props icon:: extended with Nerd icons font:

  • Install โœจ Tabler picker plugin
  • Search and click on icon to copy,
  • paste to icon:: page property

๐Ÿ“† 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

semantic-release-bot avatar stdword avatar yoyurec 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.