Comment intégrer votre profil Mastodon

Dans X (alias Twitter), vous pouvez facilement intégrer votre page de profil via leur page officielle. Mais comment pouvez-vous le faire dans Mastodon ? Voici le tutoriel étape par étape pour le réaliser.

1. Importez le module

Vous pouvez importer le fichier via JSDelivr CDN.

<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/@idotj/mastodon-embed-timeline@4.4.2/dist/mastodon-timeline.min.css" integrity="sha256-1UGgxsonaMCfOEnVOL89aMKSo3GEAmaRP0ISbsWa6lU=" crossorigin="anonymous">
<script src="https://cdn.jsdelivr.net/npm/@idotj/mastodon-embed-timeline@4.4.2/dist/mastodon-timeline.umd.js" integrity="sha256-E6WPG6iq+qQIzvu3HPJJxoAeRdum5siq13x4ITjyxu8=" crossorigin="anonymous"></script>

2. Ajoutez le wrapper d'intégration

Vous pouvez l'intégrer à tout moment où vous le souhaitez.

<div>



<h2>
  
  
  3. Add JS configuration
</h2>

<p>After import and add the wrapper, now you need to add the JS config.<br>
</p>

<pre class="brush:php;toolbar:false"><script>
   const myTimeline = new MastodonTimeline.Init({
      instanceUrl: "https://mastodon.social/",
      timelineType: "profile",
      userId: "950856",
      profileName: "@LIGMATV",
   });
</script>

1. Changez l'instanceUrl par l'endroit où vous avez enregistré votre compte Mastodon. Par exemple, si le lien de votre profil est https://mastodon.social/@example, alors l'instance est https://mastodon.social/.

2. timelineType, laissez-le. Votre but est simplement d'intégrer votre profil

3. userId, vous pouvez retrouver votre identifiant utilisateur via l'API de votre instance. Par exemple, si le lien de votre profil est https://mastodon.social/@example, alors le lien API se trouve dans https://mastodon.social/api/v1/accounts/lookup?acct=example. Vous pouvez le trouver dans la première section (Par exemple : {"id":"950856",...)

4. profileName, c'est votre nom d'utilisateur dans l'instance.

Vous pouvez voir l'exemple fonctionnel de l'apparence de mon compte Mastodon dans cette approche d'intégration :

---

Juste ça ! J'envisage de donner une étoile et de contribuer au référentiel mastodon-embed-timeline ! ⭐ https://gitlab.com/idotj/mastodon-embed-timeline

Ce qui précède est le contenu détaillé de. pour plus d'informations, suivez d'autres articles connexes sur le site Web de PHP en chinois!