Tools/Notes
1
0
Fork 0
mirror of https://github.com/TriliumNext/Notes.git synced 2025-10-02 19:01:30 +08:00
Code Issues Packages Projects Releases Wiki Activity

fix(docs): unescaped URL in images

Browse Source
This commit is contained in:
Elian Doran 2025-03-11 17:24:15 +02:00
parent a441ea2461
commit e939b7b3d9
No known key found for this signature in database
24 changed files with 95 additions and 95 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

4
docs/User Guide/User Guide/Advanced Usage/Advanced Showcases/Day Notes.md
View File

@ -5,13 +5,13 @@ For this, Trilium provides a concept of "day note". Trilium semi-automatically g
Select an existing day note, and the menubar contains a calendar widget. Select any day to create a note for that day.  Select an existing day note, and the menubar contains a calendar widget. Select any day to create a note for that day. 
![](1_Day Notes_image.png) ![](1_Da%20Notes_image.png)
This pattern works well also because of [Cloning Notes](../../Basic%20Concepts/Note/Cloning%20Notes.md) functionality - note can appear in multiple places in the note tree, so besides appearing under day note, it can also be categorized into other notes. This pattern works well also because of [Cloning Notes](../../Basic%20Concepts/Note/Cloning%20Notes.md) functionality - note can appear in multiple places in the note tree, so besides appearing under day note, it can also be categorized into other notes.
## Demo ## Demo
![](Day Notes_image.png) ![](Day%20 Notes_image.png)
You can see the structure of day notes appearing under "Journal" note - there's a note for the whole year 2017, under it, you have "12 - December" which then contains "18 - Monday". This is our "day note" which contains some text in its content and also has some child notes (some of them are from [Task manager](Task%20Manager.md)). You can see the structure of day notes appearing under "Journal" note - there's a note for the whole year 2017, under it, you have "12 - December" which then contains "18 - Monday". This is our "day note" which contains some text in its content and also has some child notes (some of them are from [Task manager](Task%20Manager.md)).

2
docs/User Guide/User Guide/Advanced Usage/Advanced Showcases/Weight Tracker.md
View File

@ -1,5 +1,5 @@
# Weight Tracker # Weight Tracker
![](Weight Tracker_image.png) ![](Weight%20Tracker_image.png)
The `Weight Tracker` is a [Script API](../Code%20Notes/Script%20API.md) showcase present in the [demo notes](../Database.md). The `Weight Tracker` is a [Script API](../Code%20Notes/Script%20API.md) showcase present in the [demo notes](../Database.md).

2
docs/User Guide/User Guide/Advanced Usage/Attributes/Promoted Attributes.md
View File

@ -15,7 +15,7 @@ Attribute is always name-value pair where both name and value are strings.
_Attribute definition_ specifies how should this value be interpreted - is it just string, or is it a date? Should we allow multiple values or note? And importantly, should we _promote_ the attribute or not? _Attribute definition_ specifies how should this value be interpreted - is it just string, or is it a date? Should we allow multiple values or note? And importantly, should we _promote_ the attribute or not?
![](Promoted Attributes_image.png) ![](Promoted%20Attributes_image.png)
You can notice tag attribute definition. These "definition" attributes define how the "value" attributes should behave. You can notice tag attribute definition. These "definition" attributes define how the "value" attributes should behave.

4
docs/User Guide/User Guide/Advanced Usage/Code Notes.md
View File

@ -8,7 +8,7 @@ This can be useful for a few things:
* we call such JavaScript code notes "scripts" - see [Scripts](Code%20Notes/Scripts.md) * we call such JavaScript code notes "scripts" - see [Scripts](Code%20Notes/Scripts.md)
* JSON, XML etc. can be used as storage for structured data (typically used in conjunction with scripting) * JSON, XML etc. can be used as storage for structured data (typically used in conjunction with scripting)
![](Code Notes_image.png) ![](Code%20Notes_image.png)
## Extra languages ## Extra languages
@ -18,4 +18,4 @@ Trilium supports syntax highlighting for many languages, but by default displays
An alternative to the code note is a "code block" - feature of a text note which can add short snippets of code to the text editor. Starting with TriliumNext v0.90.12, the code blocks also support syntax highlighting. An alternative to the code note is a "code block" - feature of a text note which can add short snippets of code to the text editor. Starting with TriliumNext v0.90.12, the code blocks also support syntax highlighting.
![](1_Code Notes_image.png) ![](1_Code%20Notes_image.png)

2
docs/User Guide/User Guide/Advanced Usage/Database/Manually altering the database.md
View File

@ -28,7 +28,7 @@ To do so:
5. Press "Write Changes" in the main toolbar. 5. Press "Write Changes" in the main toolbar.
6. Close the application or close the database. 6. Close the application or close the database.
![](6_Manually altering the data.png) ![](6_Manually%20altering%20the%20data.png)
### Using the SQLite CLI ### Using the SQLite CLI

8
docs/User Guide/User Guide/Advanced Usage/Database/Manually altering the database/SQL Console.md
View File

@ -3,23 +3,23 @@ The SQL Console is Trilium's built-in database editor.
It can be accessed by going to the [global menu](../../../Basic%20Concepts/UI%20Elements) → Advanced → Open SQL Console. It can be accessed by going to the [global menu](../../../Basic%20Concepts/UI%20Elements) → Advanced → Open SQL Console.
![](3_SQL Console_image.png) ![](3_SQL%20Console_image.png)
### Interaction ### Interaction
* Hovering the mouse over one of the tables listed at the top of the document will show the columns and their data type. * Hovering the mouse over one of the tables listed at the top of the document will show the columns and their data type.
* Only one SQL statement can be run at once. * Only one SQL statement can be run at once.
* To run the statement, press the ![](1_SQL Console_image.png)icon. * To run the statement, press the ![](1_SQL%20Console_image.png)icon.
* For queries that return a result, the data will displayed in a table. * For queries that return a result, the data will displayed in a table.
![](SQL Console_image.png) ![](SQL%20Console_image.png)
### Saved SQL console ### Saved SQL console
SQL queries or commands can be saved into a dedicated note. SQL queries or commands can be saved into a dedicated note.
To do so, simply write the query and press the ![](2_SQL Console_image.png)button. Once saved, the note will appear in [Day Notes](../../Advanced%20Showcases/Day%20Notes.md). To do so, simply write the query and press the ![](2_SQL%20Console_image.png)button. Once saved, the note will appear in [Day Notes](../../Advanced%20Showcases/Day%20Notes.md).
* The SQL expression will not be displayed by default, but it can still be viewed by going to the note context menu and selecting _Note source_. * The SQL expression will not be displayed by default, but it can still be viewed by going to the note context menu and selecting _Note source_.
* The expression cannot be modified. If needed, recreate it by copying the statement back into the SQL console and then saving it again. * The expression cannot be modified. If needed, recreate it by copying the statement back into the SQL console and then saving it again.

4
docs/User Guide/User Guide/Advanced Usage/Note Map.md
View File

@ -9,13 +9,13 @@ There are two types of note map:
Shows [relations](Attributes.md) between notes: Shows [relations](Attributes.md) between notes:
![](Note Map_image.png) ![](Note%20Map_image.png)
## Tree Map ## Tree Map
Shows hierarchical map of notes: Shows hierarchical map of notes:
![](1_Note Map_image.png) ![](1_Note%20Map_image.png)
## See also ## See also

4
docs/User Guide/User Guide/Advanced Usage/Sharing/Serving directly the content o.md
View File

@ -3,7 +3,7 @@ When accessing a shared note, Trilium will render it as a web page. Sometimes it
| | | | | |
| --- | --- | | --- | --- |
| ![](1_Serving directly the conte.png)<br><br>A note displayed as a web page (HTML) | ![](Serving directly the conte.png)<br><br>A note displayed as a raw format | | ![](1_Serving%20directly%20the%20conte.png)<br><br>A note displayed as a web page (HTML) | ![](Serving%20directly%20the%20conte.png)<br><br>A note displayed as a raw format |
## By adding an attribute to the note ## By adding an attribute to the note
@ -13,4 +13,4 @@ Simply add the `#shareRaw` attribute and the note will always be rendered _raw_
Append `?raw` to the URL to display a note in its raw format regardless of whether the `#shareRaw` attribute is added on the note. Append `?raw` to the URL to display a note in its raw format regardless of whether the `#shareRaw` attribute is added on the note.
![](Serving directly the conte.png) ![](Serving%20directly%20the%20conte.png)

2
docs/User Guide/User Guide/Basic Concepts/Navigation/Note Navigation.md
View File

@ -7,7 +7,7 @@ You can use alt-left and alt-right to move back and forward in history of viewed
This works identically to browser backwards / forwards, it's actually using built-in browser support for this. This works identically to browser backwards / forwards, it's actually using built-in browser support for this.
![](Note Navigation_image.png) ![](Note%20Navigation_image.png)
## Jump to note ## Jump to note

6
docs/User Guide/User Guide/Basic Concepts/Note/Export as PDF.md
View File

@ -1,15 +1,15 @@
# Export as PDF # Export as PDF
![](1_Export as PDF_image.png) ![](1_Export%20as%20PDF_image.png)
Screenshot of the note contextual menu indicating the “Export as PDF” option. Screenshot of the note contextual menu indicating the “Export as PDF” option.
On the desktop application of Trilium it is possible to export a note as PDF. On the server or PWA (mobile), the option is not available due to technical constraints and it will be hidden. On the desktop application of Trilium it is possible to export a note as PDF. On the server or PWA (mobile), the option is not available due to technical constraints and it will be hidden.
To print a note, select the ![](Export as PDF_image.png)button to the right of the note and select _Export as PDF_. To print a note, select the ![](Export%20as%20PDF_image.png)button to the right of the note and select _Export as PDF_.
Afterwards you will be prompted to select where to save the PDF file. Upon confirmation, the resulting PDF will be opened automatically using the default/system application configured for PDFs. Afterwards you will be prompted to select where to save the PDF file. Upon confirmation, the resulting PDF will be opened automatically using the default/system application configured for PDFs.
Should you encounter any visual issues in the resulting PDF file (e.g. a table does not fit properly, there is cut off text, etc.) feel free to [report the issue](#root/OeKBfN6JbMIq/jRV1MPt4mNSP/hrC6xn7hnDq5). In this case, it's best to offer a sample note (click on the ![](Export as PDF_image.png)button, select Export note → This note and all of its descendants → HTML in ZIP archive). Make sure not to accidentally leak any personal information. Should you encounter any visual issues in the resulting PDF file (e.g. a table does not fit properly, there is cut off text, etc.) feel free to [report the issue](#root/OeKBfN6JbMIq/jRV1MPt4mNSP/hrC6xn7hnDq5). In this case, it's best to offer a sample note (click on the ![](Export%20as%20PDF_image.png)button, select Export note → This note and all of its descendants → HTML in ZIP archive). Make sure not to accidentally leak any personal information.
## Landscape mode ## Landscape mode

2
docs/User Guide/User Guide/Basic Concepts/UI Elements/Global menu.md
View File

@ -6,4 +6,4 @@ The position of the global menu differs based on which layout is selected in set
| | | | | |
| --- | --- | | --- | --- |
| ![](1_Global menu_image.png)<br><br>The global menu in the vertical layout. | ![](Global menu_image.png)<br><br>The global menu in the horizontal layout. | | ![](1_Global%20menu_image.png)<br><br>The global menu in the vertical layout. | ![](Global%20menu_image.png)<br><br>The global menu in the horizontal layout. |

8
docs/User Guide/User Guide/Basic Concepts/Zen mode.md
View File

@ -1,11 +1,11 @@
# Zen mode # Zen mode
![](4_Zen mode_image.png) ![](4_Zen%20mode_image.png)
Screenshot of Zen Mode activated on a Windows 11 system with native title bar off and background effects on. Screenshot of Zen Mode activated on a Windows 11 system with native title bar off and background effects on.
When Zen Mode is activated (pictured on the side), most of the user interface of Trilium is hidden away in order to be able to focus on the content, whether it's for reading or writing. When Zen Mode is activated (pictured on the side), most of the user interface of Trilium is hidden away in order to be able to focus on the content, whether it's for reading or writing.
![](2_Zen mode_image.png) ![](2_Zen%20mode_image.png)
Screenshot of the Zen Mode option in the global menu. Screenshot of the Zen Mode option in the global menu.
@ -15,7 +15,7 @@ The Zen Mode can be activated by accessing the global menu and selecting the “
Aside from the global menu, it's also possible to activate this mode by using a keyboard shortcut which is Alt+Z by default. Look for `toggleZenMode` in the shortcut configuration. Aside from the global menu, it's also possible to activate this mode by using a keyboard shortcut which is Alt+Z by default. Look for `toggleZenMode` in the shortcut configuration.
Once Zen Mode is activated, all the UI elements of the application will be hidden away, including the global menu. In that case, the Zen Mode can be deactivated either by pressing the ![](5_Zen mode_image.png)icon in the top-right corner of the window or by pressing the keyboard combination again. Once Zen Mode is activated, all the UI elements of the application will be hidden away, including the global menu. In that case, the Zen Mode can be deactivated either by pressing the ![](5_Zen%20mode_image.png)icon in the top-right corner of the window or by pressing the keyboard combination again.
Do note that, by design, activating or deactivating the Zen Mode applies only to the current window. Restarting the application will also disable the Zen Mode. Do note that, by design, activating or deactivating the Zen Mode applies only to the current window. Restarting the application will also disable the Zen Mode.
@ -23,7 +23,7 @@ Do note that, by design, activating or deactivating the Zen Mode applies only to
If “Native title bar” is activated, then the operating system's default title bar can be used to drag the window around. If deactivated, the window can still be moved by dragging the mouse across the top part of the window where the note titles are. If “Native title bar” is activated, then the operating system's default title bar can be used to drag the window around. If deactivated, the window can still be moved by dragging the mouse across the top part of the window where the note titles are.
![](6_Zen mode_image.png) ![](6_Zen%20mode_image.png)
Screenshot of two notes side-by-side while Zen Mode is active, on Windows 11 with background effects off. Screenshot of two notes side-by-side while Zen Mode is active, on Windows 11 with background effects off.

2
docs/User Guide/User Guide/Developer Guides/Examples/Using promoted attributes to c.md
View File

@ -1,7 +1,7 @@
# Using promoted attributes to configure scripts # Using promoted attributes to configure scripts
A good use case of promoted attributes is to easily define the various parameters a script might need, for example an input and output note if it's processing data, or a checkbox to define a particular change in behavior for the script. A good use case of promoted attributes is to easily define the various parameters a script might need, for example an input and output note if it's processing data, or a checkbox to define a particular change in behavior for the script.
![](Using promoted attributes .png) ![](Using%20promoted%20attributes%20.png)
## Using check boxes to toggle flags ## Using check boxes to toggle flags

2
docs/User Guide/User Guide/Installation & Setup/Data directory.md
View File

@ -10,7 +10,7 @@ Data directory contains:
Easy way how to find out which data directory Trilium uses is to look at the "About Trilium Notes" dialog (from "Menu" in upper left corner): Easy way how to find out which data directory Trilium uses is to look at the "About Trilium Notes" dialog (from "Menu" in upper left corner):
![](Data directory_image.png) ![](Data%20directory_image.png)
Here's how the location is decided: Here's how the location is decided:

2
docs/User Guide/User Guide/Installation & Setup/Web Clipper.md
View File

@ -1,5 +1,5 @@
# Web Clipper # Web Clipper
![](Web Clipper_image.png) ![](Web%20Clipper_image.png)
Trilium Web Clipper is a web browser extension which allows user to clip text, screenshots, whole pages and short notes and save them directly to Trilium Notes. Trilium Web Clipper is a web browser extension which allows user to clip text, screenshots, whole pages and short notes and save them directly to Trilium Notes.

24
docs/User Guide/User Guide/Note Types/Book/Calendar View.md
View File

@ -1,5 +1,5 @@
# Calendar View # Calendar View
![](15_Calendar View_image.png) ![](15_Calendar%20View_image.png)
The Calendar view of Book notes will display each child note in a calendar that has a start date and optionally an end date, as an event. The Calendar view of Book notes will display each child note in a calendar that has a start date and optionally an end date, as an event.
@ -9,21 +9,21 @@ Unlike other Book view types, the Calendar view also allows some kind of interac
| | | | | | | |
| --- | --- | --- | | --- | --- | --- |
| 1 | ![](19_Calendar View_image.png) | The Calendar View works only for Book note types. To create a new note, right click on the note tree on the left and select Insert note after, or Insert child note and then select _Book_. | | 1 | ![](19_Calendar%20View_image.png) | The Calendar View works only for Book note types. To create a new note, right click on the note tree on the left and select Insert note after, or Insert child note and then select _Book_. |
| 2 | ![](10_Calendar View_image.png) | Once created, the “View type” of the Book needs changed to “Calendar”, by selecting the “Book Properties” tab in the ribbon. | | 2 | ![](10_Calendar%20View_image.png) | Once created, the “View type” of the Book needs changed to “Calendar”, by selecting the “Book Properties” tab in the ribbon. |
## Creating a new event/note ## Creating a new event/note
* Clicking on a day will create a new child note and assign it to that particular day. * Clicking on a day will create a new child note and assign it to that particular day.
* You will be asked for the name of the new note. If the popup is dismissed by pressing the close button or escape, then the note will not be created. * You will be asked for the name of the new note. If the popup is dismissed by pressing the close button or escape, then the note will not be created.
* It's possible to drag across multiple days to set both the start and end date of a particular note. * It's possible to drag across multiple days to set both the start and end date of a particular note.
![](12_Calendar View_image.png) ![](12_Calendar%20View_image.png)
* Creating new notes from the calendar will respect the `~child:template` relation if set on the book note. * Creating new notes from the calendar will respect the `~child:template` relation if set on the book note.
## Interacting with events ## Interacting with events
* Hovering the mouse over an event will display information about the note. * Hovering the mouse over an event will display information about the note.
![](13_Calendar View_image.png) ![](13_Calendar%20View_image.png)
* Left clicking the event will go to that note. Middle clicking will open the note in a new tab and right click will offer more options including opening the note in a new split or window. * Left clicking the event will go to that note. Middle clicking will open the note in a new tab and right click will offer more options including opening the note in a new split or window.
* Drag and drop an event on the calendar to move it to another day. * Drag and drop an event on the calendar to move it to another day.
* The length of an event can be changed by placing the mouse to the right edge of the event and dragging the mouse around. * The length of an event can be changed by placing the mouse to the right edge of the event and dragging the mouse around.
@ -52,13 +52,13 @@ For each note of the calendar, the following attributes can be used:
| `#calendar:color` | Similar to `#color`, but applies the color only for the event in the calendar and not for other places such as the note tree. | | `#calendar:color` | Similar to `#color`, but applies the color only for the event in the calendar and not for other places such as the note tree. |
| `#iconClass` | If present, the icon of the note will be displayed to the left of the event title. | | `#iconClass` | If present, the icon of the note will be displayed to the left of the event title. |
| `#calendar:title` | Changes the title of an event to point to an attribute of the note other than the title, either a label (e.g. `#assignee`) or a relation (e.g. `~for`). See _Advanced use-cases_ for more information. | | `#calendar:title` | Changes the title of an event to point to an attribute of the note other than the title, either a label (e.g. `#assignee`) or a relation (e.g. `~for`). See _Advanced use-cases_ for more information. |
| `#calendar:promotedAttributes` | Allows displaying the value of one or more promoted attributes in the calendar like this: ![](9_Calendar View_image.png)<br><br>```<br>#label:weight="promoted,number,single,precision=1"<br>#label:mood="promoted,alias=Mood,single,text"<br>#calendar:promotedAttributes="label:weight,label:mood" <br>```<br><br>It can also be used with relations, case in which it will display the title of the target note:<br><br>```<br>#relation:assignee="promoted,alias=Assignee,single,text"<br>#calendar:promotedAttributes="relation:assignee" <br>~assignee=@My assignee <br>``` | | `#calendar:promotedAttributes` | Allows displaying the value of one or more promoted attributes in the calendar like this: ![](9_Calendar%20View_image.png)<br><br>```<br>#label:weight="promoted,number,single,precision=1"<br>#label:mood="promoted,alias=Mood,single,text"<br>#calendar:promotedAttributes="label:weight,label:mood" <br>```<br><br>It can also be used with relations, case in which it will display the title of the target note:<br><br>```<br>#relation:assignee="promoted,alias=Assignee,single,text"<br>#calendar:promotedAttributes="relation:assignee" <br>~assignee=@My assignee <br>``` |
| `#calendar:startDate` | Allows using a different label to represent the start date, other than `#startDate` (e.g. `#expiryDate`). The label name must be prefixed with `#`. If the label is not defined for a note, the default will be used instead. | | `#calendar:startDate` | Allows using a different label to represent the start date, other than `#startDate` (e.g. `#expiryDate`). The label name must be prefixed with `#`. If the label is not defined for a note, the default will be used instead. |
| `#calendar:endDate` | Allows using a different label to represent the start date, other than `#endDate`. The label name must be prefixed with `#`. If the label is not defined for a note, the default will be used instead. | | `#calendar:endDate` | Allows using a different label to represent the start date, other than `#endDate`. The label name must be prefixed with `#`. If the label is not defined for a note, the default will be used instead. |
## How the calendar works ## How the calendar works
![](16_Calendar View_image.png)The calendar displays all the child notes of the book that have a `#startDate`. An `#endDate` can optionally be added. ![](16_Calendar%20View_image.png)The calendar displays all the child notes of the book that have a `#startDate`. An `#endDate` can optionally be added.
If editing the start date and end date from the note itself is desirable, the following attributes can be added to the book note: If editing the start date and end date from the note itself is desirable, the following attributes can be added to the book note:
@ -68,7 +68,7 @@ If editing the start date and end date from the note itself is desirable, the fo
This will result in: This will result in:
![](18_Calendar View_image.png) ![](18_Calendar%20View_image.png)
When not used in a Journal, the calendar is recursive. That is, it will look for events not just in its child notes but also in the children of these child notes. When not used in a Journal, the calendar is recursive. That is, it will look for events not just in its child notes but also in the children of these child notes.
@ -85,7 +85,7 @@ Based on the `#calendarRoot` (or `#workspaceCalendarRoot`) attribute, the calend
* Clicking on the empty space on a date will automatically open that day's note or create it if it does not exist. * Clicking on the empty space on a date will automatically open that day's note or create it if it does not exist.
* Direct children of a day note will be displayed on the calendar despite not having a `dateNote` attribute. Children of the child notes will not be displayed. * Direct children of a day note will be displayed on the calendar despite not having a `dateNote` attribute. Children of the child notes will not be displayed.
![](8_Calendar View_image.png) ![](8_Calendar%20View_image.png)
### Using a different attribute as event title ### Using a different attribute as event title
@ -95,7 +95,7 @@ To do so, assign `#calendar:title` to the child note (not the calendar/book note
| | | | | |
| --- | --- | | --- | --- |
| ![](Calendar View_image.png) | ![](1_Calendar View_image.png) | | ![](Calendar%20View_image.png) | ![](1_Calendar%20View_image.png) |
### Using a relation attribute as event title ### Using a relation attribute as event title
@ -105,10 +105,10 @@ Moreover, if there are more relations of the same name, they will be displayed a
| | | | | |
| --- | --- | | --- | --- |
| ![](5_Calendar View_image.png) | ![](3_Calendar View_image.png) | | ![](5_Calendar%20View_image.png) | ![](3_Calendar%20View_image.png) |
Note that it's even possible to have a `#calendar:title` on the target note (e.g. “John Smith”) which will try to render an attribute of it. Note that it's not possible to use a relation here as well for safety reasons (an accidental recursion  of attributes could cause the application to loop infinitely). Note that it's even possible to have a `#calendar:title` on the target note (e.g. “John Smith”) which will try to render an attribute of it. Note that it's not possible to use a relation here as well for safety reasons (an accidental recursion  of attributes could cause the application to loop infinitely).
| | | | | |
| --- | --- | | --- | --- |
| ![](6_Calendar View_image.png) | ![](7_Calendar View_image.png) | | ![](6_Calendar%20View_image.png) | ![](7_Calendar%20View_image.png) |

34
docs/User Guide/User Guide/Note Types/Geo map.md
View File

@ -3,8 +3,8 @@
| | | | | | | |
| --- | --- | --- | | --- | --- | --- |
| 1 | ![](15_Geo map_image.png) | Right click on any note on the note tree and select _Insert child note_ → _Geo Map (beta)_. | | 1 | ![](15_Geo%20map_image.png) | Right click on any note on the note tree and select _Insert child note_ → _Geo Map (beta)_. |
| 2 | ![](10_Geo map_image.png) | By default the map will be empty and will show the entire world. | | 2 | ![](10_Geo%20map_image.png) | By default the map will be empty and will show the entire world. |
## Repositioning the map ## Repositioning the map
@ -17,16 +17,16 @@ The position on the map and the zoom are saved inside the map note and restored
| | | | | | | |
| --- | --- | --- | | --- | --- | --- |
| 1 | | To create a marker, first navigate to the desired point on the map. Then press the ![](11_Geo map_image.png)button on the top-right of the map.<br><br>If the button is not visible, make sure the button section is visible by pressing the chevron button ( ![](16_Geo map_image.png)) in the top-right of the map. | | 1 | | To create a marker, first navigate to the desired point on the map. Then press the ![](11_Geo%20map_image.png)button on the top-right of the map.<br><br>If the button is not visible, make sure the button section is visible by pressing the chevron button ( ![](16_Geo%20map_image.png)) in the top-right of the map. |
| 2 | ![](2_Geo map_image.png) | Once pressed, the map will enter in the insert mode, as illustrated by the notification.<br><br>Simply click the point on the map where to place the marker, or the Escape key to cancel. | | 2 | ![](2_Geo%20map_image.png) | Once pressed, the map will enter in the insert mode, as illustrated by the notification.<br><br>Simply click the point on the map where to place the marker, or the Escape key to cancel. |
| 3 | ![](18_Geo map_image.png) | Enter the name of the marker/note to be created. | | 3 | ![](18_Geo%20map_image.png) | Enter the name of the marker/note to be created. |
| 4 | ![](13_Geo map_image.png) | Once confirmed, the marker will show up on the map and it will also be displayed as a child note of the map. | | 4 | ![](13_Geo%20map_image.png) | Once confirmed, the marker will show up on the map and it will also be displayed as a child note of the map. |
## How the location of the markers is stored ## How the location of the markers is stored
The location of a marker is stored in the `#geolocation` attribute of the child notes: The location of a marker is stored in the `#geolocation` attribute of the child notes:
![](Geo map_image.png) ![](Geo%20map_image.png)
This value can be added manually if needed. The value of the attribute is made up of the latitude and longitude separated by a comma. This value can be added manually if needed. The value of the attribute is made up of the latitude and longitude separated by a comma.
@ -66,9 +66,9 @@ The value of the attribute is made up of the latitude and longitude separated by
| | | | | | | |
| --- | --- | --- | | --- | --- | --- |
| 1 | ![](4_Geo map_image.png) | Go to Google Maps on the web and look for a desired location, right click on it and a context menu will show up.<br><br>Simply click on the first item displaying the coordinates and they will be copied to clipboard.<br><br>Then paste the value inside the text box into the `#geolocation` attribute of a child note of the map (don't forget to surround the value with a `"` character). | | 1 | ![](4_Geo%20map_image.png) | Go to Google Maps on the web and look for a desired location, right click on it and a context menu will show up.<br><br>Simply click on the first item displaying the coordinates and they will be copied to clipboard.<br><br>Then paste the value inside the text box into the `#geolocation` attribute of a child note of the map (don't forget to surround the value with a `"` character). |
| 2 | ![](6_Geo map_image.png) | In Trilium, create a child note under the map. | | 2 | ![](6_Geo%20map_image.png) | In Trilium, create a child note under the map. |
| 3 | ![](17_Geo map_image.png) | And then go to Owned Attributes and type `#geolocation="`, then paste from the clipboard as-is and then add the ending `"` character. Press Enter to confirm and the map should now be updated to contain the new note. | | 3 | ![](17_Geo%20map_image.png) | And then go to Owned Attributes and type `#geolocation="`, then paste from the clipboard as-is and then add the ending `"` character. Press Enter to confirm and the map should now be updated to contain the new note. |
### Adding from OpenStreetMap ### Adding from OpenStreetMap
@ -76,9 +76,9 @@ Similarly to the Google Maps approach:
| | | | | | | |
| --- | --- | --- | | --- | --- | --- |
| 1 | ![](5_Geo map_image.png) | Go to any location on openstreetmap.org and right click to bring up the context menu. Select the “Show address” item. | | 1 | ![](5_Geo%20map_image.png) | Go to any location on openstreetmap.org and right click to bring up the context menu. Select the “Show address” item. |
| 2 | ![](1_Geo map_image.png) | The address will be visible in the top-left of the screen, in the place of the search bar.<br><br>Select the coordinates and copy them into the clipboard. | | 2 | ![](1_Geo%20map_image.png) | The address will be visible in the top-left of the screen, in the place of the search bar.<br><br>Select the coordinates and copy them into the clipboard. |
| 3 | ![](9_Geo map_image.png) | Simply paste the value inside the text box into the `#geolocation` attribute of a child note of the map and then it should be displayed on the map. | | 3 | ![](9_Geo%20map_image.png) | Simply paste the value inside the text box into the `#geolocation` attribute of a child note of the map and then it should be displayed on the map. |
## Adding GPS tracks (.gpx) ## Adding GPS tracks (.gpx)
@ -86,13 +86,13 @@ Trilium has basic support for displaying GPS tracks on the geo map.
| | | | | | | |
| --- | --- | --- | | --- | --- | --- |
| 1 | ![](14_Geo map_image.png) | To add a track, simply drag & drop a .gpx file inside the geo map in the note tree. | | 1 | ![](14_Geo%20map_image.png) | To add a track, simply drag & drop a .gpx file inside the geo map in the note tree. |
| 2 | ![](12_Geo map_image.png) | In order for the file to be recognized as a GPS track, it needs to show up as `application/gpx+xml` in the _File type_ field. | | 2 | ![](12_Geo%20map_image.png) | In order for the file to be recognized as a GPS track, it needs to show up as `application/gpx+xml` in the _File type_ field. |
| 3 | ![](3_Geo map_image.png) | When going back to the map, the track should now be visible.<br><br>The start and end points of the track are indicated by the two blue markers. | | 3 | ![](3_Geo%20map_image.png) | When going back to the map, the track should now be visible.<br><br>The start and end points of the track are indicated by the two blue markers. |
## Troubleshooting ## Troubleshooting
![](7_Geo map_image.png) ![](7_Geo%20map_image.png)
### Grid-like artifacts on the map ### Grid-like artifacts on the map

2
docs/User Guide/User Guide/Note Types/Text/Content language.md
View File

@ -5,4 +5,4 @@ For more information about right-to-left support, see [Right-to-left text notes
To set the language of the content, go to “Basic Properties” and look for the “Language” field. By default there will be no content languages set, they can be configured by going to settings or by selecting the “Configure languages” item in the list. To set the language of the content, go to “Basic Properties” and look for the “Language” field. By default there will be no content languages set, they can be configured by going to settings or by selecting the “Configure languages” item in the list.
![](Content language_image.png) ![](Content%20language_image.png)

12
docs/User Guide/User Guide/Theme development/Creating a custom theme.md
View File

@ -5,15 +5,15 @@ Organization is an important aspect of managing a knowledge base. When developin
As such, the first step is to create a new note to gather all the themes. As such, the first step is to create a new note to gather all the themes.
![](4_Creating a custom theme_im.png) ![](4_Creating%20a custom theme_im.png)
## Step 2. Create the theme ## Step 2. Create the theme
| | | | | |
| --- | --- | | --- | --- |
| ![](2_Creating a custom theme_im.png) | Themes are code notes with a special attribute. Start by creating a new code note. | | ![](2_Creating%20a%20custom%20theme_im.png) | Themes are code notes with a special attribute. Start by creating a new code note. |
| ![](Creating a custom theme_im.png) | Then change the note type to a CSS code. | | ![](Creating%20a%20custom theme_im.png) | Then change the note type to a CSS code. |
| ![](5_Creating a custom theme_im.png) | In the _Owned Attributes_ section define the `#appTheme` attribute to point to any desired name. This is the name that will show up in the appearance section in settings. | | ![](5_Creating%20a%20custom theme_im.png) | In the _Owned Attributes_ section define the `#appTheme` attribute to point to any desired name. This is the name that will show up in the appearance section in settings. |
## Step 3. Define the theme's CSS ## Step 3. Define the theme's CSS
@ -31,11 +31,11 @@ To alter the different variables of the theme:
Refresh the application (Ctrl+Shift+R is a good way to do so) and go to settings. You should see the newly created theme: Refresh the application (Ctrl+Shift+R is a good way to do so) and go to settings. You should see the newly created theme:
![](1_Creating a custom theme_im.png) ![](1_Creating%20a%20custom theme_im.png)
Afterwards the application will refresh itself with the new theme: Afterwards the application will refresh itself with the new theme:
![](3_Creating a custom theme_im.png) ![](3_Creating%20a%20custom theme_im.png)
Do note that the theme will be based off of the legacy theme. To override that and base the theme on the new TriliumNext theme, see: [Theme base (legacy vs. next)](Customize%20the%20Next%20theme.md) Do note that the theme will be based off of the legacy theme. To override that and base the theme on the new TriliumNext theme, see: [Theme base (legacy vs. next)](Customize%20the%20Next%20theme.md)

6
docs/User Guide/User Guide/Theme development/Custom app-wide CSS.md
View File

@ -3,9 +3,9 @@ It is possible to provide a CSS file to be used regardless of the theme set by t
| | | | | |
| --- | --- | | --- | --- |
| ![](Custom app-wide CSS_image.png) | Start by creating a new note and changing the note type to CSS | | ![](Custom%20app-wide%20CSS_image.png) | Start by creating a new note and changing the note type to CSS |
| ![](1_Custom app-wide CSS_image.png) | In the ribbon, press the “Owned Attributes” section and type `#appCss`. | | ![](1_Custom%20app-wide%20CSS_image.png) | In the ribbon, press the “Owned Attributes” section and type `#appCss`. |
| ![](2_Custom app-wide CSS_image.png) | Type the desired CSS.<br><br>Generally it's a good idea to append `!important` for the styles that are being changed, in order to prevent other | | ![](2_Custom%20app-wide%20CSS_image.png) | Type the desired CSS.<br><br>Generally it's a good idea to append `!important` for the styles that are being changed, in order to prevent other |
## Seeing the changes ## Seeing the changes

2
docs/User Guide/User Guide/Theme development/Customize the Next theme.md
View File

@ -1,7 +1,7 @@
# Customize the Next theme # Customize the Next theme
By default, any custom theme will be based on the legacy light theme. To use the TriliumNext theme instead, add the `#appThemeBase=next` attribute onto the existing theme. The `appTheme` attribute must also be present. By default, any custom theme will be based on the legacy light theme. To use the TriliumNext theme instead, add the `#appThemeBase=next` attribute onto the existing theme. The `appTheme` attribute must also be present.
![](Customize the Next theme_i.png) ![](Customize%20the%20Next theme_i.png)
The `appThemeBase` label can be set to one of the following values: The `appThemeBase` label can be set to one of the following values:

2
docs/User Guide/User Guide/Troubleshooting/Anonymized Database.md
View File

@ -1,5 +1,5 @@
# Anonymized Database # Anonymized Database
![](Anonymized Database_image.png) ![](Anonymized%20Database_image.png)
In certain scenarios, understanding the structure of a database is crucial for troubleshooting issues. However, sharing your actual [database](../Advanced%20Usage/Database.md) file with personal notes is not advisable. To address this, Trilium offers a feature to anonymize the database. This feature can be accessed via Menu -> Options -> Advanced tab. In certain scenarios, understanding the structure of a database is crucial for troubleshooting issues. However, sharing your actual [database](../Advanced%20Usage/Database.md) file with personal notes is not advisable. To address this, Trilium offers a feature to anonymize the database. This feature can be accessed via Menu -> Options -> Advanced tab.

2
docs/User Guide/User Guide/Troubleshooting/Error logs.md
View File

@ -20,7 +20,7 @@ If that doesn't work, then:
Once you have Dev Tools open, click on "Console" tab: Once you have Dev Tools open, click on "Console" tab:
![](Error logs_image.png) ![](Error%20logs_image.png)
Copy-paste (or screenshot) the logs. It's better to provide not just errors, but the whole log, which might provide context while analyzing the bug. Copy-paste (or screenshot) the logs. It's better to provide not just errors, but the whole log, which might provide context while analyzing the bug.

4
docs/User Guide/User Guide/Troubleshooting/TriliumNext Notes Not Opened.md
View File

@ -1,5 +1,5 @@
# "TriliumNext Notes" Not Opened # "TriliumNext Notes" Not Opened
![](2_TriliumNext Notes Not Open.png) ![](2_TriliumNext%20Notes%20Not%20Open.png)
When running TriliumNext for the first time or updating to a newer version, macOS will prevent its execution. When running TriliumNext for the first time or updating to a newer version, macOS will prevent its execution.
@ -13,4 +13,4 @@ To bypass this issue, follow these steps:
| | | | | |
| --- | --- | | --- | --- |
| ![](1_TriliumNext Notes Not Open.png)<br><br>The privacy settings in “System Settings”, showing the alert that TriliumNext was blocked. | ![](TriliumNext Notes Not Open.png)<br><br>The confirmation screen to bypass the run restrictions. | | ![](1_TriliumNext%20Notes%20Not%20Open.png)<br><br>The privacy settings in “System Settings”, showing the alert that TriliumNext was blocked. | ![](TriliumNext%20Notes%20Not%20Open.png)<br><br>The confirmation screen to bypass the run restrictions. |