So betten Sie Ihr Mastodon-Profil ein

In X (auch bekannt als Twitter) können Sie Ihre Profilseite ganz einfach über die offizielle Seite einbetten. Aber wie kann man das in Mastodon machen? Hier die Schritt-für-Schritt-Anleitung, wie man es macht.

1. Importieren Sie das Modul

Sie können die Datei über JSDelivr CDN importieren.

<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. Fügen Sie den Embed-Wrapper hinzu

Sie können es an jedem beliebigen Ort einbetten.

<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. Ändern Sie die Instanz-URL dahingehend, wo Sie Ihr Mastodon-Konto registriert haben. Wenn Ihr Profillink beispielsweise https://mastodon.social/@example lautet, lautet die Instanz https://mastodon.social/.

2. timelineType, lass es einfach. Es geht Ihnen lediglich darum, Ihr Profil einzubetten

3. userId, Sie können Ihre Benutzer-ID über Ihre Instanz-API finden. Wenn Ihr Profillink beispielsweise https://mastodon.social/@example lautet, befindet sich der API-Link in https://mastodon.social/api/v1/accounts/lookup?acct=example. Sie finden es im ersten Abschnitt (zum Beispiel: {"id": "950856",...)

4. profileName, das ist Ihr Benutzername in der Instanz.

Sie können das Arbeitsbeispiel darin sehen, wie mein Mastodon-Konto in diesem Einbettungsansatz aussieht:

---

Einfach so! Ich überlege, einen Stern zu geben und zum Mastodon-Embed-Timeline-Repository beizutragen! ⭐ https://gitlab.com/idotj/mastodon-embed-timeline