docs: update solar-network/open/embed-widget
This commit is contained in:
parent
c2c571a7c5
commit
e7779ad66d
@ -2,7 +2,7 @@
|
|||||||
title: 嵌入式组件
|
title: 嵌入式组件
|
||||||
description: 使用 iFrame 将 Solar Network 上的内容嵌入到你的网页内
|
description: 使用 iFrame 将 Solar Network 上的内容嵌入到你的网页内
|
||||||
published: true
|
published: true
|
||||||
date: 2024-08-16T17:55:47.620Z
|
date: 2024-08-16T18:04:07.836Z
|
||||||
tags: solar network, project open
|
tags: solar network, project open
|
||||||
editor: markdown
|
editor: markdown
|
||||||
dateCreated: 2024-08-16T17:51:27.720Z
|
dateCreated: 2024-08-16T17:51:27.720Z
|
||||||
@ -17,12 +17,42 @@ dateCreated: 2024-08-16T17:51:27.720Z
|
|||||||
|
|
||||||
## 用法
|
## 用法
|
||||||
|
|
||||||
<iframe src="https://solsynth.dev/embed/posts/888" width="480" height="640" frameborder="0"></iframe>
|
<iframe src="https://solsynth.dev/embed/posts/888" width="480" height="640" frameborder="0" style="border:none"></iframe>
|
||||||
|
|
||||||
以上你可以看见一个 480x640 的小组件里面放 #888 号帖子,讲的是我们使用 Cloudflare 的故事。
|
以上你可以看见一个 480x640 的小组件里面放 #888 号帖子,讲的是我们使用 Cloudflare 的故事。
|
||||||
|
|
||||||
这就是嵌入小组件,用法非常简单,上面的事例代码如下
|
这就是嵌入小组件,用法非常简单,上面的事例代码如下
|
||||||
|
|
||||||
```html
|
```html
|
||||||
<iframe src="https://solsynth.dev/embed/posts/888" width="480" height="640" frameborder="0"></iframe>
|
<iframe src="https://solsynth.dev/embed/posts/888" width="480" height="640" frameborder="0" style="border:none"></iframe>
|
||||||
```
|
```
|
||||||
|
|
||||||
|
你可能注意到了嵌入式组件的链接就是一个正常的帖子链接前加上 `/embed`,是的没错,嵌入式组件的命名规则就是如此,页脚的在网站中打开也是在 URL 中去除前缀来工作的。你可以尝试在一个正常链接的前面加上 `/embed` 来看看其时候支持嵌入。如果可以的话,大胆去嵌吧!
|
||||||
|
|
||||||
|
## 客制化
|
||||||
|
|
||||||
|
部分嵌入式组件支持客制化,你可以在下面看到一些详情,但是部分嵌入式组件可能需要转到其子页面才会显示可用选项,所以还请善用搜索。
|
||||||
|
|
||||||
|
### 帖子列表
|
||||||
|
|
||||||
|
所有帖子列表组件都支持以下选项,你可以在浏览器内尝试一下。
|
||||||
|
|
||||||
|
### 不显示开头区域
|
||||||
|
|
||||||
|
添加参数 `no-title=1`(任意值均可)
|
||||||
|
|
||||||
|
<iframe src="https://solsynth.dev/embed/posts?no-title=1" width="480" height="640" frameborder="0" style="border:none"></iframe>
|
||||||
|
|
||||||
|
```html
|
||||||
|
<iframe src="https://solsynth.dev/embed/posts?no-title=1" width="480" height="640" frameborder="0" style="border:none"></iframe>
|
||||||
|
```
|
||||||
|
|
||||||
|
### 自定义标题显示
|
||||||
|
|
||||||
|
添加参数 `title` 与 `caption`
|
||||||
|
|
||||||
|
<iframe src="https://solsynth.dev/embed/posts?title=岁月史书&caption=翻开这本厚重的岁月史书,去探索岁月的痕迹" width="480" height="640" frameborder="0" style="border:none"></iframe>
|
||||||
|
|
||||||
|
```html
|
||||||
|
<iframe src="https://solsynth.dev/embed/posts?title=岁月史书&caption=翻开这本厚重的岁月史书,去探索岁月的痕迹" width="480" height="640" frameborder="0" style="border:none"></iframe>
|
||||||
|
```
|
Loading…
Reference in New Issue
Block a user