mirror of https://github.com/jkjoy/hugoblog.git
144 lines
4.2 KiB
Markdown
144 lines
4.2 KiB
Markdown
|
---
|
||
|
|
title: 使用mastodon为自己的博客新建说说页面
|
||
|
|
slug: mastodon-html
|
||
|
|
date: 2024-05-31T06:59:00.000Z
|
||
|
|
categories:
|
||
|
|
- 分享
|
||
|
|
tags:
|
||
|
|
- mastodon
|
||
|
|
- 博客
|
||
|
|
---
|
||
|
|
## 项目
|
||
|
|
|
||
|
|
https://gitlab.com/idotj/mastodon-embed-feed-timeline
|
||
|
|
|
||
|
|
**GoToSocial与mastodon适用**
|
||
|
|
|
||
|
|
## 实现步骤
|
||
|
|
|
||
|
|
新建页面把以下代码复制粘贴,更改其中的实例地址和user id即可
|
||
|
|
|
||
|
|
## 设置
|
||
|
|
|
||
|
|
如何设置
|
||
|
|
|
||
|
|
### 获取user\_id的方法
|
||
|
|
|
||
|
|
右键点击自己的头像,新标签页打开 获得头像地址为 https://im.loliko.cn/accounts/avatars/111/363/033/003/475/492/original/f726dbce158df8b9.jpg 从avatars/之后/original之前的一串数字111/363/033/003/475/492/去掉所有的/得到\*\*111363033003475492\*\*即是 `user_id` \
|
||
|
|
|
||
|
|
### 参数
|
||
|
|
|
||
|
|
|
||
|
|
// 默认: "https://mastodon.social"
|
||
|
|
instanceUrl: "实例地址",
|
||
|
|
|
||
|
|
// 可选模式: 'local', 'profile', 'hashtag' 默认为'local'
|
||
|
|
timelineType: "local",
|
||
|
|
|
||
|
|
// 你的用户ID,默认为空
|
||
|
|
userId: "",
|
||
|
|
|
||
|
|
// 你在实例中的用户名以` @ `开头
|
||
|
|
// 如果你没有选择 'profile' 作为时间轴,则留空,默认留空
|
||
|
|
profileName: "",
|
||
|
|
|
||
|
|
// 标签名称 (不包含`#`符号) 如果不选择 `hashtag` 模式则留空,默认为空
|
||
|
|
hashtagName: "",
|
||
|
|
|
||
|
|
|
||
|
|
// 可选风格样式: "light", "dark" or "auto" 默认为: "auto"
|
||
|
|
defaultTheme: "auto",
|
||
|
|
|
||
|
|
// 请求的帖子数量,默认: "20"
|
||
|
|
maxNbPostFetch: "20",
|
||
|
|
|
||
|
|
// 在时间轴显示最大的帖子数量,默认 : "20"
|
||
|
|
maxNbPostShow: "20",
|
||
|
|
|
||
|
|
|
||
|
|
// 隐藏未列出的帖子 (默认:不隐藏)
|
||
|
|
hideUnlisted: false,
|
||
|
|
|
||
|
|
// Hide boosted posts
|
||
|
|
// Default: false (don't hide)
|
||
|
|
hideReblog: false,
|
||
|
|
|
||
|
|
// 隐藏回复的内容 (默认:不隐藏)
|
||
|
|
hideReplies: false,
|
||
|
|
|
||
|
|
// Hide pinned posts from the profile timeline
|
||
|
|
// Default: false (don't hide)
|
||
|
|
hidePinnedPosts: false,
|
||
|
|
|
||
|
|
// 隐藏用户名下的用户账号 (默认 : 不隐藏)
|
||
|
|
hideUserAccount: false,
|
||
|
|
|
||
|
|
// Limit the text content to a maximum number of lines
|
||
|
|
// Use "0" to show no text
|
||
|
|
// Default: "" (unlimited)
|
||
|
|
txtMaxLines: "",
|
||
|
|
|
||
|
|
// Customize the text of the button used for showing/hiding sensitive/spoiler text
|
||
|
|
btnShowMore: "SHOW MORE",
|
||
|
|
btnShowLess: "SHOW LESS",
|
||
|
|
|
||
|
|
// Converts Markdown symbol ">" at the beginning of a paragraph into a blockquote HTML tag
|
||
|
|
// Default: false (don't apply)
|
||
|
|
markdownBlockquote: false,
|
||
|
|
|
||
|
|
// Hide custom emojis available on the server
|
||
|
|
// Default: false (don't hide)
|
||
|
|
hideEmojos: false,
|
||
|
|
|
||
|
|
// Customize the text of the button used for showing a sensitive/spoiler media content
|
||
|
|
btnShowContent: "SHOW CONTENT",
|
||
|
|
|
||
|
|
// Hide video image preview and load the video player instead
|
||
|
|
// Default: false (don't hide)
|
||
|
|
hideVideoPreview: false,
|
||
|
|
|
||
|
|
// Customize the text of the button used for the image preview to play the video
|
||
|
|
btnPlayVideoTxt: "Load and play video",
|
||
|
|
|
||
|
|
// Hide preview card if post contains a link, photo or video from a Url
|
||
|
|
// Default: false (don't hide)
|
||
|
|
hidePreviewLink: false,
|
||
|
|
|
||
|
|
// Limit the preview text description to a maximum number of lines
|
||
|
|
// Use "0" to show no text
|
||
|
|
// Default: "" (unlimited)
|
||
|
|
previewMaxLines: "",
|
||
|
|
|
||
|
|
// Hide replies, boosts and favourites posts counter
|
||
|
|
// Default: false (don't hide)
|
||
|
|
hideCounterBar: false,
|
||
|
|
|
||
|
|
// Disable a carousel/lightbox when the user clicks on a picture in a post
|
||
|
|
// Default: false (not disabled)
|
||
|
|
disableCarousel: false,
|
||
|
|
|
||
|
|
// Customize the text of the buttons used for the carousel/lightbox
|
||
|
|
carouselCloseTxt: "Close carousel",
|
||
|
|
carouselPrevTxt: "Previous media item",
|
||
|
|
carouselNextTxt: "Next media item",
|
||
|
|
|
||
|
|
// Customize the text of the button pointing to the Mastodon page placed at the end of the timeline
|
||
|
|
// Leave the value empty to hide it
|
||
|
|
btnSeeMore: "See more posts at Mastodon",
|
||
|
|
|
||
|
|
// Customize the text of the button reloading the list of posts placed at the end of the timeline
|
||
|
|
// Leave the value empty to hide it
|
||
|
|
btnReload: "Refresh",
|
||
|
|
|
||
|
|
// Keep searching for the main <div> container before building the timeline. Useful in some cases where extra time is needed to render the page
|
||
|
|
// Default: false (don't apply)
|
||
|
|
insistSearchContainer: false,
|
||
|
|
|
||
|
|
// Defines the maximum time to continue searching for the main <div> container
|
||
|
|
// Default: "3000" (3 seconds)
|
||
|
|
insistSearchContainerTime: "3000",
|
||
|
|
|
||
|
|
|
||
|
|
## 演示地址
|
||
|
|
|
||
|
|
https://www.imsun.org/mastodon
|