最近才得知Mastodon這個社群網站,雖然本質上是Twitter,但因貼文可達500個字,連結網址無論多長都只吃到23個字,所以我覺得偏向於輕量級網誌。兩者最大差異他是一個分散式社交網路,類似Mail server,每個人都可以架設自己的社群,每個社群都可以互相溝通,即使網站突然終止或莫名被停權,你還是能換不同網站繼續使用社群服務。
我個人使用後,認為沒有太多複雜功能、沒有廣告、介面淺顯易懂、文章可設定多種狀態(這點Twitter就不用比了)。目前傾向從Twitter慢慢轉移到Mastodon。
找了一些Timeline widget,都不是很滿意,最後找到〈Mastodon embed feed timeline〉,蠻符合自己的需求,可將發文時間軸嵌入到自己的網站。
建立頁面
以Hexo部落格為例,首先建立一個獨立頁面,將index.html
內容改為:
<link rel="stylesheet" href="/css/mastodon-timeline.css">
<div class="dummy-container">
<div id="mt-timeline" class="mt-timeline">
<div id="mt-body" class="mt-body">
<div class="loading-spinner"> </div>
</div>
</div>
</div>
<script src='/js/mastodon-timeline.js'>
</script>
貼到index.md
裡面。