Icons for links. Logseq Plugin

Overview

"Awesome Links" plugin for Logseq

logo

  • Favicons for external links! 🡖
  • Pages icons for internal links 🡖
  • Page iconsicon::extended from Emoji to hundreds icons set via Nerd fonts support 🡖
  • Custom Journal icons 🡖

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

Buy Me A Coffee

Install

From Logseq store - Plugins -> Marketplace.

Features

Auto favicons for external links

Page icons

Enable feature to show Logseq page icon for internal links in content. In addition you can config icon inheriting from related page proprty, 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!

Page icons

Custom page icons

3600+ icons combined from popular sets (Font Awesome, Material Design, Seti-UI, 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 😎

Nerd icons

Nerd font

Journal icon

Can be customized in settings.

Journal icon

Recommended plugins/themes

What is Logseq?

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

Support

Credits

License

MIT License

Comments
  • Link text coloring

    Link text coloring

    Idea No coloring (like now):

    With coloring:    

    Color information located in page's properties:

    PS Inspired by Logseq Reference Styles plugin () and Obsidian Supercharged Links plugin ()

    enhancement 
    opened by stdword 30
  • Recognize aliases when resolving inherited icons

    Recognize aliases when resolving inherited icons

    Idea Currently, inherited page icons only work for the exact page reference. It would be nice if this plugin would also take aliases into account until https://github.com/logseq/logseq/issues/3763 might be solved.

    opened by vanto 9
  • Page icons will gone when

    Page icons will gone when "Enable icon/color for internal pages" is turned on

    Info:

    • OS: MacOS

    • Logseq ver: 0.8.9

    • Plugin ver: 1.10.5

    • Theme name: not important

    • [ ] ⚠ Do i have issue with DISABLED my custom.css?

    Description: When awesome-links works with awesome-ui, tick the "Show default page icons on left sidebar favs/recent?" in awesome-ui, and "Enable icon/color for internal pages?" in awesome-links in the same time. The "Enable icon" setting will override the "Show default icons" setting, as a result, the default page icons would not show out.

    To Reproduce: ...Just as above.

    Expected behavior: ...The default page icons will show out.

    Screenshots If applicable, add screenshots to help explain your problem.

    Attach files Add (via drag-n-drop) .zip with .md files (if it needs) to help with bugfixind

    opened by Gitbreast 7
  • Adds twice the icon on journal page titles

    Adds twice the icon on journal page titles

    Info:

    • OS: linux
    • Logseq ver: 0.8.8
    • Plugin ver: 1.9.4
    • [x] ⚠ Do i have issue with DISABLED my custom.css?

    Description:

    when visiting back and forth journal pages, the journal icon is added twice on page title

    Screenshots image

    opened by knoopx 4
  • Icons for Google Docs, Spreadsheets, Slides

    Icons for Google Docs, Spreadsheets, Slides

    Idea I often link Google Docs, Spreadsheets, Slides, etc. They all show the generic Google logo. But, I notice that you do render photos.google.com and mail.google.com with Google Photos and Gmail icons.

    Is it possible to also add a Docs (docs.google.com/document), Sheets (docs.google.com/spreadsheets) and Slides (docs.google.com/presentation) icon as well?

    Screenshots Screenshot 2022-11-08 at 3 25 25 PM

    opened by ahpatel 3
  • Calendar icon renders with a new line outside Journals

    Calendar icon renders with a new line outside Journals

    Info:

    • OS: MacOS

    • Logseq ver: 0.8.9

    • Plugin ver: 1.9.7

    • Theme name: default dark with awesome UI installed

    • [x] ⚠ Do i have issue with DISABLED my custom.css? it's empty

    Description: A line feed is introduced after the calendar icon on a daily page when accessed directly outside Journals

    To Reproduce: When I select Journals all the daily pages render fine (see image 1). However, when I click on a date, this leads to the relevant daily page and a new line feed is added after the calendar icon (see image 2).

    Expected behavior: The calendar icon and the date are on the same line

    Screenshots Image 1 Screenshot 2022-10-20 at 14 21 59

    Image 2 Screenshot 2022-10-20 at 14 22 08 Attach files Add (via drag-n-drop) .zip with .md files (if it needs) to help with bugfixind

    opened by andremann 3
  • Feature request: Color picker

    Feature request: Color picker

    Idea Despite of very cool service to get color names (link from Readme), it will be very handy to pick colors inside Logseq (and without Internet connection).

    Inspiration screenshots:

    1. References styles plugin:
    1. Developer tools from browsers:
    opened by stdword 3
  • Provide inheritance through hierarchy

    Provide inheritance through hierarchy

    Idea

    1. Create a page with icon:
    2. Create a page that inherits an icon (my inheritance look at the tags property):
    3. Check the icon rendering on sub page:

    Expected behaviour:

    1. All sub pages can inherit whole icon configuration from root page
    2. All sub pages can inherit whole icon configuration from the rightmost parent page (in case of root page config overrided in one of the sub pages)
    opened by stdword 3
  • A way to turn off internal link icon rendering

    A way to turn off internal link icon rendering

    Idea Now icon for internal links renders this way: Raw block code:

    What I need is to disable icon rendering only for that particular page reference (not globally and not for that page in all cases). Probably, we need new syntax here, something like this: All book categories ![→]([[books]])

    enhancement 
    opened by stdword 3
  • icon font is not in the same height with title

    icon font is not in the same height with title

    "line-height: 1.2em;" of ".title .awLi-icon" should be changed to "line-height: 1.5;" to make the icon font in the same height with title.

    before: icon font

    after: icon font2

    opened by Sanly 2
  • Feature request: hide `color` property like an `title` property hides by Logseq itself

    Feature request: hide `color` property like an `title` property hides by Logseq itself

    Idea Logseq hides technical properties like icon, title, filters etc. color property is also "technical" so could be hidden too.

    Screenshots

    opened by stdword 2
  • Add support for

    Add support for "https:/ / youtu.be/XXXXXXXX" links

    Idea Currently only "https:/ / www.youtube.com/watch?v=XXXXXXXX" will show the favicon. But since youtube natively support "https:/ / youtu.be/XXXXX" format, it would nice if it can also have yt favicon in front.

    Screenshots 圖片

    Temperately, I use below code to show the favicon, but it will show two favicons.

    .external-link[href*="youtu.be"]::before {
      content: "";
      background: url(https://youtube.com/favicon.ico) no-repeat left center;
      background-size: 16px 16px;
      padding-left: 16px;
      margin-right: 4px;
    }
    

    Screenshots 圖片

    opened by CharlesChiuGit 0
  • No coloring for links with qoutes (`

    No coloring for links with qoutes (`"`) in title

    Info:

    • OS: MacOS Monterey 12.6

    • Logseq ver: 0.8.11

    • Plugin ver: 1.14.3

    • Theme name: BuJo theme → Coffee

    • [x] ⚠ Do i have issue with DISABLED my custom.css?

    To Reproduce:

    opened by stdword 0
  • To keep the compatible with mobile version when we use image as icon

    To keep the compatible with mobile version when we use image as icon

    • To keep the compatible with mobile version, add "icon-url::" page property for icon image
    • add support for "icon2::" and "icon-url2::" page properties for one extra icon or icon image (only be effective when "icon::" or "icon-url::" is provided)
    • add dev dependency "vite-plugin-logseq" to use logseqDevPlugin() for for 'npm run dev'
    opened by snakewa 0
  • Bugs: Hierarchy coloring and inheritance from an aliased page

    Bugs: Hierarchy coloring and inheritance from an aliased page

    Info:

    • OS: MacOS Monterey 12.6

    • Logseq ver: 0.8.9

    • Plugin ver: 1.9.7

    • Theme name: Panic theme Light (same bugs with default theme)

    • [x] ⚠ Do i have issue with DISABLED my custom.css?

    1. Hierarchy coloring was broken: Expected: sub-pages have an icon and a color inherited from root page

    2. a) Create a page with color+icon settings and an alias: b) Rendering doesn't work for links when I use inheritance via an alias page (my inheritance works with tags property):

    3. Feature with removing icon for custom-texted links renders with errors. Icon exists at first opening of Logseq. But there is space char! https://gyazo.com/160912886f1c141c3e09818d3f193d43

    opened by stdword 13
  • Integration with Banners plugin

    Integration with Banners plugin

    Idea There is a way to set an icon in Banners plugin and in Awesome Links plugin. This is a very cool functionality!

    But there are problems when I using this plugins in conjunction with each other:

    1. Setup AwesomeLinks inheritance feature to look to the property page-type:
    2. Setup Banners advanced config feature to look to the same property page-type:
    3. Let's create pages with different icon configurations:

    | Icon Setting Method | Page Content | | --------------------- | ------------- | | Simple icon property | | | Awesome Links inheritance | | | Banners advanced config | | | Awesome Links inheritance from Banners advanced config page | |

    1. Check the icons rendering:

    | Icon Setting Method | Result | | --------------------- | ------------- | | Simple icon property | ✅ | | Awesome Links inheritance | ✅ | | Banners advanced config | 🚫 Awesome Links inheritance cannot use the Banners configuration | | Awesome Links inheritance from Banners advanced config page | 🚫 Awesome Links inheritance cannot use the Banners configuration |


    ❗️❗️❗️ Related ticket from Banners plugin: here. ❗️❗️❗️ Please, NOTE: these cases are different, but with the same first steps.

    opened by stdword 0
Releases(v1.14.3)
Owner
Yuriy Piskun
Yuriy Piskun
Logseq-craft-theme - Craft Theme for Logseq

Craft for Logseq Almost all creativity requires purposeful play. A Craft insprir

Alexander Rink 33 Oct 26, 2022
Several custom made and legacy icons, and icons collected all over the internet in 1 set, UI selectable.

Custom icon library Several custom made and legacy icons, and icons collected all over the internet in 1 set, UI selectable. Upon each Material Design

Marius 12 Dec 12, 2022
Grupprojekt för kurserna 'Javascript med Ramverk' och 'Agil Utveckling'

JavaScript-med-Ramverk-Laboration-3 Grupprojektet för kurserna Javascript med Ramverk och Agil Utveckling. Utvecklingsguide För information om hur utv

Svante Jonsson IT-Högskolan 3 May 18, 2022
Hemsida för personer i Sverige som kan och vill erbjuda boende till människor på flykt

Getting Started with Create React App This project was bootstrapped with Create React App. Available Scripts In the project directory, you can run: np

null 4 May 3, 2022
Kurs-repo för kursen Webbserver och Databaser

Webbserver och databaser This repository is meant for CME students to access exercises and codealongs that happen throughout the course. I hope you wi

null 14 Jan 3, 2023
A logseq plugin to extract tweets. Optionally tag the tweet's author as well.

Logseq Twitter Extractor Plugin If this plugin helps you, I'd really appreciate your support. You can buy me a coffee here. A quick utility to parse a

null 17 Nov 17, 2022
Migrate unfinished tasks to today, Logseq plugin

Unfinished-business Unfinished Business Because the day may be over, but your business isn't View Demo · Report Bug · Request Feature This plugin migr

Alex 23 Nov 16, 2022
Plugin that lets you create diagrams from textual representation (aka 'Diagrams as Code') within Logseq

Logseq - Diagrams as Code Plugin that lets you create diagrams (and other visualizations) from textual representation (aka 'Diagrams as Code') within

Nicolai P. Großer 80 Dec 21, 2022
A plugin to export pages in Logseq to Hugo.

logseq Schrödinger An awesome Logseq plugin to jumpstart your digital garden ?? ! Explore the docs » View Demo · Report Bug · Request Feature Table of

null 162 Jan 8, 2023
A simple to-do list plugin for logseq

Logseq Todo Plugin A simple to-do list plugin for logseq Feature quick add new to-do items to today's journal page show all today's to-do items (inclu

Yuexun Jiang 71 Jan 1, 2023
A file manager plugin for logseq(Search unused assets file)

logseq-plugin-file-manager Search files from assets and draws but not used in journals or pages. Please backup files before operation, and before dele

Hayden Chen 17 Dec 23, 2022
a Logseq plugin to float items (e.g. videos) for an improved note-taking experience

logseq-helium-plugin Features Float videos for better note-taking in 3 ways: Block context menu (right-click on bullet) → ?? Start float Slash (/) com

Vivian Leung 58 Jan 2, 2023
Flexible plugin for Logseq that annotates deadline/schedule times with a countdown or time difference

Interval Hints Synopsis Configurable Logseq plugin to annotate deadline and scheduled times with a countdown or interval. Features Block renderer to a

Kerfuffle 8 Aug 29, 2022
A plugin for GPT-3 AI assisted note taking in Logseq

logseq-plugin-gpt3-openai A plugin for GPT-3 AI assisted note taking in Logseq Usage Just type /gpt3 in a block or select gpt3 from the block menu. Se

Brian Sunter 301 Jan 3, 2023
This Plugin is For Logseq. If you're using wide monitors, you can place journals, linked references, and journal queries side by side.

Logseq Column-Layout Plugin Journals, linked references, and journal queries can be placed side by side if the minimum screen width is "1850px" or mor

YU 14 Dec 14, 2022
tools and plugins for logseq

logtools tools and plugins for logseq logtools-css-productivitypack my css mods for Kanban/columns view (#.v-kanban), Einsihower Matrix (#.v-einsenhow

null 126 Jan 2, 2023
🍱 Simple nodejs support for using icons!

?? node-icons Usage Checkout its unit tests to see complete usage with output! import Icons from "node-icons"; const icons = Icons({ // auto install

(TS/JS).Gandalf(he/him) 6 Dec 29, 2021
Weekly, Monthly and Yearly notes in Logseq!

Periodic Notes for Logseq Currently is very early stages. My roadmap for releasing on the Logseq marketplace can view viewed here Functionality Curren

Brendon 12 Dec 29, 2022
logseq custom.js and custom.css utilities : resize query table columns, hide namespaces...

logseq-custom-files custom.js and custom.css utilities for Logseq. current version v20220331 query table view : add handles on the query table headers

null 44 Dec 7, 2022