Web log de Serge Boisse
On line depuis 1992 !
voir aussi : Markdown (tuto) et galerie formats markdown
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 !
[[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 noteUn 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
Les tags sont des liens ! En cliquant dessus, la liste des pages contenant le tag s'affiche dans le volet de gauche
#astuces
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)
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
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
)
![[1-chronostase 1.jpg|300]]

`
[](https://eoimages.gsfc.nasa.gov/images/imagerecords/55000/55167/earth_lights_lrg.jpg)
On peut alors cliquer sur l'image.
Syntaxe: [](URLlien)
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
comme ça !
[doc du Dataview](obsidian://show-plugin?id=dataview)
doc du Dataview
doc de mon plugin
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
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
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é)
[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
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
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.
Sur mon site web ces liens ne fonctionneront pas
[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é)
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")
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)]]
:
type: liste/web/emojis
cssclass: clean-embeds
tags: emojis,icônes
#types : voir [[@ types et statut]]
share_updated: 2022-12-15T18:56:45+01:00
share_link: http://TestObsidianShare/8cb05e6e13eb779dc98c90cbd2066f8b.html
` ← → ↓ ↑ ↔ ↕ À Ç É È Ê Ô
► ◄ ▲ ▼☺♥ ♦ ♣ ♠ ♫ 🎵 🎹 👀
😍 😀 ☹ 😊 🙏
🔗 🗓️ ✅ ➕ 📍 🌐✏️📜 ⌛ 🎯 🖼 🎨 📣 🎥 🎬 🛠 🚧 👓 🕶 🥽 👁️💣 📞 👫 ⚠
🟢🔵🔴🟠🟡🟣⚪
share_updated: 2022-11-26T16:25:31+01:00
share_link: http://TestObsidianShare/1625a6ce95397351213d4d6b4b7b0c4a.html
ℕ ℤ ℝ ℂ ℚ π <, >, ≤, ≤, ≦, ⩽, ≥, ≥, ≧, ⩾, ≠ ×, ÷ ± ∓ ↑ ⊂, ⊆ ⊊ ⊃ ∈ ∉ ∅ ƒ ← → ↔ ⟷⇒ ⇐ ↦ ⇄ ⟹ ⟸ ⟺ ∧ ∨ ¬ ∀ ∃ ⊤ ⊥ ⊢ ⊨ ⊕ ⊗ ∼ ≃ ≅ ≡ ≺ ⊲ ∞ Δ ∇ ∂ … Σ Γ α β γ δ π ζ ω ∴ √ ∛ ⌊ ⌋
cf aussi MathJax > Quelques caractères et exemples
◕‿◕ ♪♫*•♪ ( ͡° ͜ʖ ͡°) ➤☰ ☰ "‸" # 🌎 ✈ 🛦🪐
apparemment on peut les inclure dans un CSS par exemple {content: "\ea58";}
U+221B
cf. https://www.piliapp.com/symbol/
*WIN+";" sur clavier AZERTY, WIN+"." sur QWERTY",
ou le geste "e" ou "i" dans strokeit
ouvre un menu qui permet de choisir parmi 100+ !
Auteur: Serge Boisse
Date: Le 17/12/2022 à 10:12
Type: liste/icônes/SVG
Tags: icônes,emojis,SVG
Aliases:
#types : voir [[@ types et statut]]
Résumé : les SVG sont des images vectorielles que l'on peut définir dans le html entre deux balises <svg>...</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
ici : Lucide (page web)
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.
font-awesome
directory into your project.<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
Commentaires (0) :
Page :Ajouter un commentaire (pas besoin de s'enregistrer)
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.