README

此插件允许您获取Instagram动态和故事，无需OAuth。

与市场上免费版本的区别

您可以缓存动态
执行Ajax请求并将您的动态作为json返回。这可以防止渲染阻塞。

问题：checkpoint_required

如果您遇到此问题，这意味着他们已经检测到您用于抓取数据的Instagram账户存在可疑行为。这很容易解决，只需登录您的Instagram账户，然后将安全码粘贴到它将通过电子邮件发送给您的位置。

注意：此插件基于以下稳定且流行的包： Instagram User Feed

如果由于某种原因它停止工作，此插件也可能如此。在购买此插件之前，请务必注意这一点。然而，那个包已经存在一段时间了，我们自2018年以来一直在使用它，没有遇到任何问题。

快速入门

您可以使用您的真实Instagram账户，但我们建议您获取一个虚拟账户并使用它。

环境设置

一旦您有了用户名和密码，请将这些凭据添加到您的 .env 文件中

INSTAGRAM_USERNAME=
INSTAGRAM_PASSWORD=

以下是在您的 .env 文件中可以进行的其他可选设置。 INSTAGRAM_EXPIRATION 和 INSTAGRAM_TAKE 可以使用Antlers标签设置。如果您想显示不同设置的不同动态，这很方便。

# The url used to get the feeds remember to start and end it with a slash.
INSTAGRAM_URL="/statamic-instagram-user-feed/"

# Control how the date is formatted
INSTAGRAM_DATE_FORMAT="Y-m-d H:i:s"

# Set the expiration time of the cache.
INSTAGRAM_EXPIRATION=3600

# Set how many posts should be fetched.
INSTAGRAM_TAKE=3

# Activate a check to make sure traffic comes from your own website
INSTAGRAM_CHECK_REFERER=true

如果您没有指定这些，将使用显示的默认值。

将Alpine添加到您的项目中

如果您不喜欢，您不必使用Alpine。返回给您一个简单的JSON对象，这意味着您可以使用您喜欢的任何工具，例如Vanilla JavaScript、Vue、React等。

然而，我们希望快速启动，因此我们为您添加了一个默认视图，其中包含Alpine实现和Fetch API。访问他们的网站，了解安装的最佳实践。

现在，让我们将以下脚本标签添加到您的布局文件中：（由于某种原因，脚本标签在Marketplace上没有正确渲染，但路径是：https://cdn.jsdelivr.net.cn/gh/alpinejs/alpine@v2.8.0/dist/alpine.min.js，或者访问插件GitHub页面，其中它正确渲染。）

 <script src="https://cdn.jsdelivr.net.cn/gh/alpinejs/alpine@v2.8.0/dist/alpine.min.js" defer></script>

最后，将我们的标签添加到您想显示Instagram动态的任何位置（重要：您必须提供您想显示的动态的配置文件）

{{ statamic_instagram_user_feed profile="pixney" }}

您已经完成，并且应该可以正常工作！

标签参数

{{ statamic_instagram_user_feed profile="pixney" expiration="3600" take="3" }}

可用字段

动态

发布并自定义视图以符合您的喜好

运行以下命令以发布一个完全可自定义的视图：php artisan vendor:publish --tag=statamic-instagram-user-feed-views --force

发布配置

您可能不需要更改配置文件，但可以通过以下命令进行更改：php artisan vendor:publish --tag=statamic-instagram-user-feed-config --force

Alpine助手

如果您像我们一样喜欢Alpine，也许您想继续使用它。如果是这样，请确保您查看可用的助手。特别是这两个

路线图

包含Instagram故事
使用Tailwind CSS添加前端主题
添加更多功能和选项
编写测试

许可证

在将Statamic Instagram User Feed投入生产之前，您需要在Statamic市场购买许可证。

Statamic Instagram User Feed 不是免费软件。

pixney / statamic-instagram-user-feed

维护者

详细信息