如何嵌入您的 Mastodon 個人資料

在 X（又稱 Twitter）中，您可以透過其官方頁面輕鬆嵌入您的個人資料頁面。但是，如何在 Mastodon 中做到這一點？這是如何製作的逐步教學。

1. 導入模組

您可以透過 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. 添加嵌入包裝器

您可以將其嵌入到任何您想要的位置。

<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. 將 instanceUrl 變更為您註冊 Mastodon 帳戶的位置。例如，如果您的個人資料連結是 https://mastodon.social/@example，則實例為 https://mastodon.social/。

2. timelineType，就留著吧。您的目的只是嵌入您的個人資料

3. userId，您可以透過實例API找到您的使用者ID。例如，如果您的個人資料連結是 https://mastodon.social/@example，則 API 連結位於 https://mastodon.social/api/v1/accounts/lookup?acct=example。您可以在第一部分找到它（例如：{“id”：“950856”，...）

4. profileName，這是您在實例中的使用者名稱。

您可以在我的 Mastodon 帳戶在此嵌入方法中的外觀中看到工作範例：

---

就這樣！考慮給 star 並為 mastodon-embed-timeline 存儲庫做出貢獻！ ⭐ https://gitlab.com/idotj/mastodon-embed-timeline