Rendre facilement vos liens multi-sites (Busy, Steemit, chainBB...)

in fr •  8 months ago

header.png

Hier, j'étais occupé à coder mon site quand je me suis rendu compte de quelque chose. Les liens simples avec un "@" menant vers le profil comme @ragepeanut redirigent vers la page de profil du site sur lequel vous vous trouvez (Steemit, Busy, chainBB...). Alors je me suis posé la question suivante : ne serait-ce pas possible de faire pareil avec les liens redirigeant vers des posts ou catégories. Si vous utilisez Busy, vous avez probablement déjà eu cette expérience de cliquer sur un lien qui vous redirige vers Steemit, et c'est plutôt frustrant. Mais est-ce possible d'éviter cet inconvénient en tant qu'auteur du post ? La réponse est oui (sinon je n'aurais pas fait ce post !). Mais avant tout, et parce que mon côté sadique aime vous faire patienter, je vais vous expliquer comment les liens vers les profils fonctionnent.

Quand votre site préféré convertit votre texte de Markdown à HTML et qu'il tombe sur un passage comme @ragepeanut, il l'interprète en tant que lien. Ce bout de texte passe donc par un processus de transformation pour finalement devenir ceci.

<a href="/@ragepeanut">@ragepeanut</a>

Le mot "href" que vous pouvez voir dans cette ligne de code veut dire Hypertext Reference, je vous invite à lire mon explication de ce qu'est l'hypertexte sur ce post si ce n'est pas déjà fait et à regarder la vidéo très intéressante fournie en fin de celui-ci pour en savoir plus. Les <a...> et </a> signifient simplement qu'il s'agit d'un lien. À droite d'href, on peut voir notre pseudo entre guillemets précédé d'un slash. Il s'agit là de l'URL vers laquelle le lien redirige. Et enfin, l'autre "@ragepeanut" est le texte qui sera affiché pour le lien et sur lequel vous allez cliquer. Ce qui nous intéresse est l'URL. Normalement une URL devrait comporter le nom de domaine pas vrai ? Et bien ce n'est pas le cas car je vous ai menti, c'est en fait une URI, soit la partie se trouvant après le nom de domaine (pour Busy par exemple, le nom de domaine est busy.org). Les URI's sont utiles car elles disent au navigateur qu'on veut aller sur un URL composé du nom de domaine sur lequel on est déjà et de l'URI sur laquelle on clique. Sachant cela, nous pouvons faire pareil pour un lien redirigeant vers un de nos posts ! Là où vous auriez écrit ceci (lien à remplacer bien-sûr, c'est juste un exemple) :

[Texte à afficher](https://busy.org/fr/@ragepeanut/la-fete-est-finie-d-orelsan-son-retour-en-solo-tant-attendu)

Vous allez tout simplement écrire cela, en suivant la règle qu'on a vu plus haut :

[Texte à afficher](/fr/@ragepeanut/la-fete-est-finie-d-orelsan-son-retour-en-solo-tant-attendu)

Et juste pour vous montrer le résultat, voici le lien écrit des deux manières, testez les deux liens sur plusieurs sites pour vous apercevoir de la différence ! Le premier est un lien URL (contenant le nom de domaine du site) tandis que le deuxième lien ne contient que l'URI.

Lien URL

Lien URI


Et voilà, vos lecteurs ne se retrouveront plus redirigés vers un autre site que celui via lequel ils lisent vos posts ! Seul problème, puisqu'il fallait forcément que ça cause un problème, vos liens ne fonctionneront pas sur eSteem et toute autre application mobile ne gérant pas les URI's. Personnellement, ça ne me pose pas de problème puisque mes posts ne ressemblent quand même à rien sur eSteem mais vous devriez en être conscient avant de commencer à utiliser ces liens !


Footer

Si vous avez aimé ce post et souhaitez en voir davantage, n'oubliez pas d'upvote, de me follow et de me resteem !

Authors get paid when people like you upvote their post.
If you enjoyed what you read here, create your account today and start earning FREE STEEM!
Sort Order:  

Bonjour et merci pour ces informations.

J'ai une question: comment intégrer des ancres dans nôtre article? Afin de, par exemple, aller à la moitié de l'article.
Merci

·

Pas de soucis !

Je m'étais aussi intéressé à cette question mais il semblerait que ce ne soit pour l'instant pas possible. Il faudrait que les id (en HTML, un id permet d'identifier un élément spécifique de la page) soient supportés mais ce n'est malheureusement pas encore le cas.

·
·

D'accord merci pour ta réponse ! J'ai essayé d'en mettre une dans mon dernier article mais l'ancre marche une fois sur deux et emène n'importe où!

·
·
·

C'est surprenant que ça ait marché au moins une fois, j'étais pourtant sûr que ce n'était pas possible. Peut-être qu'ils l'ont permis depuis que j'ai testé, je vais m'y intéresser à nouveau du coup, merci de l'info !

·
·
·
·

@ragepeanut Alors j'ai fouillé un peu mais il semble que les ancres ne soit pas au point avec Markdown alors on peut utilisé deux façon différentes:
<p name="ancre1">Lieu de l'ancre</p> et pour y acceder<a href="#ancre1">Lien pour l'ancre</a>

ou bien
<a name="ancre1">Cela peut rester vide</a> et pour y acceder [Lien pour l'ancre](#ancre1)

Mais bon l'un ou l'autre ne semble pas être au point!

Ce post de qualité a été découvert par l'équipe OCD!

Répondez à ce commentaire si vous acceptez, et si vous nous accordez le droit de nous laisser partager votre article en utilisant la mention : "J'accepte". En acceptant ceci, vous avez une chance de recevoir des récompenses supplémentaires et l'une de vos photos dans cet article peut être utilisée dans notre article récapitulatif !

Vous pouvez suivre @ocd pour en savoir plus sur le projet et voir d'autres perles ! Nous visons la clareté et la transparence.

Bonne chance !

·

J'accepte !
Ravi d'avoir été choisi, merci beaucoup ! :D

Merci super astuce !

·

C'est bien la première fois que j'ai un post qui reçoit un commentaire plus de 7 jours après sa sortie, c'est cool ça ! :D

Pas de soucis, heureux que ça puisse te servir ;)

·
·

Pour la petite histoire je suis tombé par hasard dessus c'etait un resteem, le titre m'a interpellé.
je commence donc ma lecture et me dis que la personne ta mentionné surement au hasard, bref j'arrive au bout pour me rendre compte que c'est le tien ha ah

Edit : C'était @planetenamek

·
·
·

Ahaha le hasard fait bien les choses ! :P

En tout cas ton commentaire m'a donné l'idée de soumettre ce post à Comprendre-Steem donc merci ! ;D

·
·
·
·

Ha ha à ton service, je vais me balader pour voir ce que tu as d'autre dans ta hotte papa noël

Mdrr effectivement c'était tellement simple qu'on ne pouvait que passer à côté ! J'ai resteem pour le coup ça devrai être utile à tout le monde ça, bon maintenant reste plus qu'à avoir le bon reflexe quand on pose un lien dans nos article !

Merci pour la découverte ;-) !!

·

Le plus dur est de s'y habituer oui ! ^^
Pas de soucis, heureux que ça puisse servir !

Merci ça peut être tellement pratique !
Merci beaucoup !

·

Pas de problème ! Je vais essayer de m'en servir et de pas l'oublier surtout, c'est ça qui risque d'être le plus dur :P

De très bonnes astuces pour facilité la redirection des liens ! Upvoté à 100% !

Très bon tips :)

·

Merci beaucoup !