Bagaimana untuk membenamkan profil Mastodon anda

Dalam X (aka Twitter), anda boleh membenamkan halaman profil anda dengan mudah melalui halaman rasmi mereka. Tetapi, bagaimana anda boleh melakukannya di Mastodon? Berikut tutorial langkah demi langkah cara membuatnya.

1. Import modul

Anda boleh mengimport fail melalui 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. Tambahkan pembungkus benam

Anda boleh membenamkannya pada bila-bila tempat yang anda mahukan.

<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. Tukar instanceUrl kepada tempat anda mendaftar akaun Mastodon anda. Contohnya, jika pautan profil anda ialah https://mastodon.social/@example, maka contoh itu ialah https://mastodon.social/.

2. jenis garis masa, tinggalkan sahaja. Maksud anda hanyalah untuk membenamkan profil anda

3. userId, anda boleh mencari ID pengguna anda melalui API instance anda. Contohnya, jika pautan profil anda ialah https://mastodon.social/@example, maka pautan API berada dalam https://mastodon.social/api/v1/accounts/lookup?acct=example. Anda boleh menemuinya di bahagian pertama (Contohnya: {"id":"950856",...)

4. profileName, itu nama pengguna anda dalam contoh.

Anda boleh melihat contoh yang berfungsi dalam cara akaun Mastodon saya kelihatan dalam pendekatan benam ini:

---

Hanya saja! Mempertimbangkan untuk memberi bintang dan menyumbang kepada repositori garis masa mastodon-embed-time! ⭐ https://gitlab.com/idotj/mastodon-embed-timeline

Atas ialah kandungan terperinci Bagaimana untuk membenamkan profil Mastodon anda. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!