Journal d'un Terrien

Web log de Serge Boisse

On line depuis 1992 !

Publicité
Si cette page vous a plu, Copiez son adresse et partagez-la !
http://sboisse.free.fr/trucs et astuces/Obsidian/Astuces/Les liens dans Obsidian.php
Savez-vous quels sont les articles les plus vendus sur Amazon.fr ?
Les liens dans Obsidian
trucs et astuces > Obsidian > Astuces > Les liens dans Obsidian

Les liens dans Obsidian

Tous les liens peuvent être in-linés en les préfixant par un point d'exclamation ! cf Lien in-line, ou comment inclure une page dans une autre !

Liens internes au coffre

  • Pour faire un lien vers une note dans le même coffre, of course utiliser la syntaxe [[nom de la note]], Obsidian est fait pour ça !
  • [[Linking Note|Link Name]] : Créer un lien avec un nom personnalisé
  • [[Linking Note#heading]] : Créer un lien vers un heading (quelconque : #, ##... ) d'une autre note

Un truc génial : quand on change le titre d'une note, les liens qui pointent dessus sont automatiquement mis à jour !

Dans une note, penser à cliquer sur l'icone ":" en haut à droite du panneau pour ouvrir le menu et à chercher "copy Obsidian URL". Il y a la même commande dans le file explorer. Pour la page "par où commencer" ça donnera ce lien, obsidian://open?vault=TestLocal&file=PAR%20O%C3%99%20COMMENCER qui s'utilisera ainsi :
ma page de départ

lien vers un tag

Les tags sont des liens ! En cliquant dessus, la liste des pages contenant le tag s'affiche dans le volet de gauche
#astuces

lien vers un header dans la note

en commençant le lien par "#", comme ça :
[[#Liens internes]] Liens internes
ça marche aussi pour des liens vers un header dans une autre note :
[[Markdown (tuto)#Formatter le texte|formatter]] formatter
(ça évite de créer des blocs ! cf. ci-dessous)

lien vers une partie d'une note

On appelle ça des blocs. Pour établir un lien vers un bloc dans un fichier spécifique, tapez d'abord [[nom du fichier pour faire apparaître une liste de fichiers correspondants. Après avoir sélectionné un fichier, tapez ^ et continuez à taper pour rechercher les blocs à lier.

Une fois que vous aurez appuyé sur la touche Entrée, un lien vers ce bloc sera généré pour vous, dans un format similaire à [[filename#^dcf64c]], où dcf64c est l'ID du bloc qui vient d'être généré pour vous.

Si vous n'êtes pas sûr du fichier dans lequel se trouve le bloc, une autre méthode consiste à taper [[^^ et à rechercher les blocs dans tous les fichiers. Cette recherche s'effectue dans tous les blocs de votre coffre, ce qui peut prendre un peu de temps si votre coffre-fort est volumineux.

Mais le plus simple c'est simplement de faire suivre le nom de la note par # puis le nom d'un paragraphe ! [[_Comment utiliser Obsidian#Insérer des Liens dans une note]] _Comment utiliser Obsidian > Insérer des Liens dans une note

images

Attention

Les images sont maintenant "inline", ce qui veut dire qu'il faut les faire précéder et suivre suivre d'un saut de ligne si on veut les voir "seules".
Pour centrer une mage, utiliser ![[imagename | center]] ou ![[imagename | center] | size] (nécessite le snippet center-img.css)

Image interne au coffre

![[1-chronostase 1.jpg|300]]

1-chronostase 1.jpg

image sur le web

![microdaube|center|200](http://sboisse.free.fr/fun/images/no_windows.gif)

microdaube|center`

Image externe avec un lien web externe

[![La terre vue la nuit | 400](https://eoimages.gsfc.nasa.gov/images/imagerecords/55000/55167/earth_lightsx294x196_grid.jpg)](https://eoimages.gsfc.nasa.gov/images/imagerecords/55000/55167/earth_lights_lrg.jpg)

La terre vue la nuit

On peut alors cliquer sur l'image.
Syntaxe: [![nomImg|taille](URLimg)](URLlien)

image interne avec lien web externe

[![[Pasted image 20250401191234.png|center|300]]](<https://amzn.to/4cxAQTv>)
center

Lien vers l'aide Obsidian

Note

Sur mon site web ces liens ne fonctionneront pas si vous n'avez pas Obsidian.

comme ci :
[Obsidian Help](obsidian://open?vault=Obsidian%20Help&file=Start%20here)
Obsidian Help

lien vers la doc d'un plugin

comme ça !
[doc du Dataview](obsidian://show-plugin?id=dataview) doc du Dataview
doc de mon plugin

Ouvrir un lien dans Windows

Dans le "file explorer" en haut à gauche d'Obsidian on peut cliquer droit sur les fichiers et dossiers, et il y a un item "Ouvrir avec l'application par défaut" (pour les fichiers) ou "afficher dans le dossier" (pour les ... dossiers) Pour les fichiers Markdown j'ai paramétré l'ouverture dans Notepad++ des fichiers .md

Les deux liens suivants fonctionneront dans Obsidian mais pas sur mon site

Lien vers un répertoire sur le NAS
ebooks (dossier)(lien privé)
Syntaxe: [texte](<file:///\\\NOM_NAS\chemin>)
Il sera ouvert dans l'explorateur windows
Lien vers un ficher sur le NAS
définitions fun (ficher texte sur NAS)(lien privé)
Il sera ouvert par l'appli windows correspondant au type de fichier

Liens hors coffre

Lien sur le web

il suffit de copier-coller depuis le navigateur obsidian reconnait l'en-tête http/https : https://help.obsidian.md/Plugins/Graph+view--> https://help.obsidian.md/Plugins/Graph+view

Ou nommer le lien :
[Excalidraw.com](<https://excalidraw.com>)
Excalidraw.com

J'ai créé un modèle pour ça : L_Lien sur le web(lien privé)

Lien vers une vidéo youtube

[nom (video Youtube)](<https://www.youtube.com/watch?v=CODE>)
ne marche pas toujours en in-line...
sinon

<div class="iframe-container">
<iframe src="https://www.youtube.com/@sergeboisse" title="YouTube video player" width="100%" height="100%" frameborder="0" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share" allowfullscreen></iframe>
</div>

nécessite le snippet responsive-iframe.css

Lien vers un fichier hors coffre (sur l'ordi):

Note

Sur mon site web ces liens ne fonctionneront pas

ebook sur Data visualisation et D3(lien privé)

syntaxe :
[pretty name](<file:///C:\path to file>)

Il peut être nécessaire de remplacer les espaces par %20, mais en mettant entre <> normalement c'est inutile

liens PDF

ON peut inliner ces liens et même pointer une page du PDF ! en ajoutant #page=xxx sauf que ça ne marche pas au moins avec les pdf hors coffre.

Note

Sur mon site web ces liens ne fonctionneront pas

Artificial Intelligence (PDF)(lien privé)

Lien vers un autre coffre :

[note in other vault](obsidian://vault/other_vault/note) ou retourner sur la liste des coffres et copier le lien Obsidian
ou [coffre privé](obsidian://open?vault=Privé)

Trouver les notes orphelines

mettre ceci dans un bloc de code dataviewjs :

list from "" where length(file.inlinks) =0 
and length(file.outlinks) = 0 
and length(file.tags) = 0
and !contains(file.path,"Modeles")
and !contains(file.path,"Bac à Sable")

Lien in-line, ou comment inclure une page dans une autre !

En préfixant le lien wikilink []par ! on peut inclure une note dans une note.
Exemple avec ![[M_Caractères spéciaux (pas dans les tags)]] :

T_Caractères spéciaux icônes emojis
T_Caractères spéciaux icônes emojis

divers

` ← → ↓ ↑ ↔ ↕ À Ç É È Ê Ô
► ◄ ▲ ▼☺♥ ♦ ♣ ♠ ♫ 🎵 🎹 👀
😍 😀 ☹ 😊 🙏
🔗 🗓️ ✅ ➕ 📍 🌐✏️📜 ⌛ 🎯 🖼 🎨 📣 🎥 🎬 🛠 🚧 👓 🕶 🥽 👁️💣 📞 👫 ⚠
🟢🔵🔴🟠🟡🟣⚪

unicode

@ Symboles mathématiques unicode
@ Symboles mathématiques unicode

Symboles mathématiques unicode

ℕ ℤ ℝ ℂ ℚ  π <, >, ≤, ≤, ≦, ⩽, ≥, ≥, ≧, ⩾, ≠ ×, ÷ ± ∓ ↑ ⊂, ⊆ ⊊ ⊃ ∈ ∉ ∅ ƒ ← → ↔ ⟷⇒ ⇐ ↦ ⇄ ⟹ ⟸ ⟺ ∧ ∨ ¬ ∀ ∃ ⊤ ⊥ ⊢ ⊨ ⊕ ⊗ ∼ ≃ ≅ ≡ ≺ ⊲ ∞ Δ ∇ ∂ … Σ Γ α β γ δ π ζ ω ∴ √ ∛ ⌊ ⌋
cf aussi MathJax > Quelques caractères et exemples

notez qu'on peut les mettre en gras, italique...

◕‿◕ ♪♫*•♪ ( ͡° ͜ʖ ͡°) ➤☰ ☰ "‸" # 🌎 ✈ 🛦🪐
apparemment on peut les inclure dans un CSS par exemple {content: "\ea58";}
U+221B
cf. https://www.piliapp.com/symbol/

windows 10

*WIN+";" sur clavier AZERTY, WIN+"." sur QWERTY",
ou le geste "e" ou "i" dans strokeit
ouvre un menu qui permet de choisir parmi 100+ !

SVG

SVG icônes gratuites
SVG icônes gratuites

icônes SVG gratuites

Résumé : les SVG sont des images vectorielles que l'on peut définir dans le html entre deux balises <svg>...</svg>

encodeur d'URL pour SVG

liste d'icônes au format SVG

On peut les inclure dans le CSS comme les images (mais il faut mettre chaque svg dans un fichier séparé )
Voici une liste d'icônes svg utiles et gratuites : (passer en mode edit ou source pour voir le code SVG)

graphe
loupe
Dossier
insérer/copier
terminal
binaire, random
dé, dé6, random
microphone
workspace
plume
edit
Réduire collapse
expand, ascenseur
tri
coffre
aide
paramètres
menu
news
sitemap, arborescence
Blog, calendar
chevron droite
chevron bas
tags
PowerOnOff

icônes SVG utilisées par Obsidian

La suite...

font awesome et remix icon

ce sont des icônes format SVG mais dont le nom est prédéfini par un pack :

Dans Obsidian, avec le plugin "icons", ALT-. (ALT avec point décimal) ouvre une boîte de choix.
Attention ces icônes ne sont pas copiables. Il est possible de les customiser dans Obsidian avec un snippet CSS.

utilisation de font awesome sur une page web

  1. Copy the entire font-awesome directory into your project.
  2. In the <head> of your html, reference the location to your font-awesome.min.css
   <link rel="stylesheet" href="path/to/font-awesome/css/font-awesome.min.css">
   <i class="fa fa-camera-retro fa-2x"></i> 

ça ne marche pas dans Obsidian... Mais avec le plugin "icons", OK : faire ALT. (ALT + point décimal)

Une autre façon d'inclure du contenu externe est d'utiliser les liens HTML iframe : cf HTML dans Obsidian > iframes

Publicité
Commentaires

Commentaires (0) :

Page :



Ajouter un commentaire (pas besoin de s'enregistrer)

Pseudo :
Message :


image de protection
En cliquant sur le bouton "Envoyer" vous acceptez les conditions suivantes : Ne pas poster de message injurieux, obscène ou contraire à la loi, ni de liens vers de tels sites. Respecter la "netiquette", ne pas usurper le pseudo d'une autre personne, respecter les posts faits par les autres. L'auteur du site se réserve le droit de supprimer un ou plusieurs posts à tout moment. Merci !
Ah oui : le bbcode et le html genre <br>, <a href=...>, <b>b etc. ne fonctionnent pas dans les commentaires. C'est voulu.
< Retour en haut de la page