嘿，刚好我之前帮人解决过类似的Instagram Feed集成问题，结合你用的Bootstrap、Vanilla JS、jQuery和Laravel技术栈，给你几个实用的方案，既能解决Snapwidget跳转的问题，也能让你完全掌控Feed的行为：

既然你已经在用Snapwidget了，先试试这个快速解决办法——其实它支持自定义跳转目标，只是可能你没留意到：

• 登录Snapwidget后台，找到你的侧边栏小部件配置项
• 查找「点击行为」或「链接目标」设置，选择「直接跳转至Instagram帖子」而非Snapwidget自带的页面
• 如果后台没有这个选项，也可以用jQuery拦截点击事件，手动重写跳转地址：

// 等待Snapwidget加载完成后执行
$(window).on('load', function() {
  // 遍历Snapwidget内的所有图片链接
  $('.snapwidget-widget a').each(function() {
    const currentHref = $(this).attr('href');
    // 判断是否是Snapwidget的中转链接
    if (currentHref.includes('snapwidget.com')) {
      // 从图片URL中提取Instagram帖子ID
      const postId = $(this).find('img').attr('src').match(/\/p\/([^\/]+)\//)[1];
      // 构造真实的Instagram帖子链接
      const realPostUrl = `https://www.instagram.com/p/${postId}/`;
      // 替换链接并设置新窗口打开
      $(this).attr('href', realPostUrl).attr('target', '_blank');
    }
  });
});

如果想彻底自定义Feed样式、跳转逻辑，推荐用Instagram Basic Display API结合Laravel后端来做，这是最灵活的方式：

步骤1：申请API权限 #

先去Meta开发者平台创建应用，添加「Instagram Basic Display」产品，获取client_id、client_secret，并设置重定向URI（比如你的Laravel项目地址/instagram/callback）。

步骤2：Laravel后端处理授权与Feed获取 #

创建一个控制器来处理令牌获取和Feed拉取：

<?php

namespace App\Http\Controllers;

use Illuminate\Http\Request;
use GuzzleHttp\Client;

class InstagramController extends Controller
{
    private $clientId = '你的CLIENT_ID';
    private $clientSecret = '你的CLIENT_SECRET';
    private $redirectUri = 'https://你的域名/instagram/callback';

    // 跳转至Instagram授权页面
    public function redirectToAuth()
    {
        $authUrl = "https://api.instagram.com/oauth/authorize?client_id={$this->clientId}&redirect_uri={$this->redirectUri}&scope=user_profile,user_media&response_type=code";
        return redirect()->away($authUrl);
    }

    // 授权回调，获取访问令牌
    public function handleAuthCallback(Request $request)
    {
        $client = new Client();
        $response = $client->post('https://api.instagram.com/oauth/access_token', [
            'form_params' => [
                'client_id' => $this->clientId,
                'client_secret' => $this->clientSecret,
                'grant_type' => 'authorization_code',
                'redirect_uri' => $this->redirectUri,
                'code' => $request->code,
            ]
        ]);

        $tokenData = json_decode($response->getBody(), true);
        // 将令牌存入缓存，有效期60天，记得后续实现自动刷新逻辑
        cache()->put('instagram_access_token', $tokenData['access_token'], 60*24*60);
        
        return redirect()->route('home');
    }

    // 提供Feed数据接口给前端
    public function getFeed()
    {
        $accessToken = cache()->get('instagram_access_token');
        if (!$accessToken) {
            return response()->json(['error' => '未完成Instagram授权'], 401);
        }

        $client = new Client();
        $response = $client->get("https://graph.instagram.com/me/media?fields=id,caption,media_url,permalink&access_token={$accessToken}");
        return response()->json(json_decode($response->getBody(), true));
    }
}

步骤3：前端加载Feed到Bootstrap侧边栏 #

在你的Blade模板里添加侧边栏容器，用jQuery/Vanilla JS拉取数据并渲染：

<!-- Bootstrap侧边栏卡片 -->
<div class="card mb-3">
  <div class="card-header bg-light">
    <h6 class="mb-0">我的Instagram</h6>
  </div>
  <div class="card-body p-2" id="instagram-feed-container">
    <p class="text-center text-muted">加载中...</p>
  </div>
</div>

<script>
$(document).ready(function() {
  // 从后端拉取Feed数据
  $.get('/instagram/feed', function(data) {
    const feedContainer = $('#instagram-feed-container');
    feedContainer.empty();

    // 遍历帖子生成响应式图片链接
    data.data.forEach(post => {
      const postHtml = `
        <a href="${post.permalink}" target="_blank" class="d-block mb-2">
          <img src="${post.media_url}" alt="${post.caption || 'Instagram帖子'}" class="img-fluid rounded">
        </a>
      `;
      feedContainer.append(postHtml);
    });
  }).fail(() => {
    $('#instagram-feed-container').html('<p class="text-center text-danger">Feed加载失败，请稍后重试</p>');
  });
});
</script>

这样你完全掌控Feed的样式和跳转逻辑，点击图片直接跳转到Instagram原帖，还能通过Bootstrap类轻松适配侧边栏布局。

如果不想自己写API逻辑，可以找维护活跃的Laravel Instagram Feed包（比如rennokki/instagram-feed），安装后配置好令牌，就能快速获取Feed数据，前端渲染逻辑和方案2一致。

注意：Instagram Basic Display API的访问令牌有效期为60天，记得用Laravel任务调度实现自动刷新逻辑，避免Feed失效。

内容的提问来源于stack exchange，提问作者Pravin Poudel