[#鹿鹿的发言记录][1]
[scode type="green"]懂你意思[/scode]

!!!
<div id="dynamics-viewer">
    <style>
#post-content img:not(.img-square) {
            margin-left: 10px;
        }
        #dynamics-viewer * {
            margin: 0;
            padding: 0;
            box-sizing: border-box;
        }
        #dynamics-viewer .dynamics-container {
            max-width: 800px;
            margin: 0 auto;
            background-color: white;
            border-radius: 8px;
            box-shadow: 0 0 10px rgba(0,0,0,0.1);
            padding: 20px;
            width: 100%;
        }
        
        #dynamics-viewer .dynamics-title {
            text-align: center;
            margin-bottom: 30px;
            color: #333;
        }
        
        #dynamics-viewer .dynamics-item {
            border-bottom: 1px solid #eee;
            padding: 20px 0;
        }
        
        #dynamics-viewer .dynamics-item:last-child {
            border-bottom: none;
        }
        
        #dynamics-viewer .dynamics-author-info {
            display: flex;
            align-items: center;
            margin-bottom: 10px;
            flex-wrap: nowrap;
        }
        
        #dynamics-viewer div.dynamics-author-info img.dynamics-author-avatar {
            width: 40px;
            height: 40px;
            border-radius: 50%;
            flex-shrink: 0;
        }
        
        #dynamics-viewer .dynamics-author-details {
            display: flex;
            align-items: center;
            flex-grow: 1;
            margin-left: 15px;
        }
        
        #dynamics-viewer .dynamics-author-name {
            font-weight: bold;
            margin-right: 10px;
            flex-shrink: 0;
        }
        
        #dynamics-viewer .dynamics-pub-time {
            color: #999;
            font-size: 12px;
            flex-shrink: 1;
        }
        
        #dynamics-viewer .dynamics-content {
            margin: 10px 0;
            line-height: 1.5;
            text-align: left;
            text-indent: 2em;
        }
        
        #dynamics-viewer .dynamics-images {
            margin: 10px 0;
        }
        
        #dynamics-viewer .dynamics-image-item {
            max-width: 100%;
            max-height: 300px;
            margin-right: 10px;
            margin-bottom: 10px;
            border-radius: 4px;
        }
        
        #dynamics-viewer .dynamics-stats {
            display: flex;
            margin-top: 10px;
            color: #999;
            font-size: 14px;
        }
        
        #dynamics-viewer .dynamics-stat-item {
            margin-right: 20px;
            display: flex;
            align-items: center;
        }
        
        #dynamics-viewer .dynamics-stat-item i {
            margin-right: 5px;
        }
        
        #dynamics-viewer .dynamics-loading {
            text-align: center;
            padding: 50px;
            color: #999;
        }
    </style>
    
    <div class="dynamics-container">
        <h1 class="dynamics-title">记忆令使</h1>
        <div id="dynamics-container" class="dynamics-loading">
            加载中...
        </div>
    </div>
    
    <script>
        // 代理服务器配置
        const proxyConfig = {
            // 代理服务器地址，可根据部署环境修改
            baseUrl: 'https://proxy.xiey.work'
        };
        
        // 读取JSON文件
        fetch('https://xiey.work/extracted_dynamics.json')
            .then(response => response.json())
            .then(data => {
                const container = document.getElementById('dynamics-container');
                container.innerHTML = '';
                
                // 为图片添加Referer头的函数（通过代理服务器）
                function loadImageWithReferer(url, imgElement) {
                    // 使用代理服务器加载图片
                    const proxyUrl = `${proxyConfig.baseUrl}/proxy/${encodeURIComponent(url)}`;
                    imgElement.src = proxyUrl;
                }
                
                data.forEach(dynamic => {
                    const dynamicItem = document.createElement('div');
                    dynamicItem.className = 'dynamics-item';
                    
                    // 作者信息
                    const authorInfo = document.createElement('div');
                    authorInfo.className = 'dynamics-author-info';
                    
                    // 加载头像
                    const avatarImg = document.createElement('img');
                    avatarImg.className = 'dynamics-author-avatar';
                    avatarImg.alt = dynamic.author.name;
                    loadImageWithReferer(dynamic.author.face, avatarImg);
                    
                    authorInfo.appendChild(avatarImg);
                    
                    // 作者详情
                    const authorDetails = document.createElement('div');
                    authorDetails.className = 'dynamics-author-details';
                    
                    const authorName = document.createElement('span');
                    authorName.className = 'dynamics-author-name';
                    authorName.textContent = dynamic.author.name;
                    authorDetails.appendChild(authorName);
                    
                    const pubTime = document.createElement('span');
                    pubTime.className = 'dynamics-pub-time';
                    // 使用时间戳并转换为可读格式
                    const timestamp = dynamic.pub_ts;
                    const date = new Date(timestamp * 1000);
                    const now = new Date();
                    const diffMs = now - date;
                    const diffSecs = Math.floor(diffMs / 1000);
                    const diffMins = Math.floor(diffSecs / 60);
                    const diffHours = Math.floor(diffMins / 60);
                    const diffDays = Math.floor(diffHours / 24);
                    
                    let timeText;
                    if (diffSecs < 60) {
                        timeText = `${diffSecs}秒前`;
                    } else if (diffMins < 60) {
                        timeText = `${diffMins}分钟前`;
                    } else if (diffHours < 24) {
                        timeText = `${diffHours}小时前`;
                    } else if (diffDays < 7) {
                        timeText = `${diffDays}天前`;
                    } else {
                        const year = date.getFullYear();
                        const month = String(date.getMonth() + 1).padStart(2, '0');
                        const day = String(date.getDate()).padStart(2, '0');
                        timeText = `${year}-${month}-${day}`;
                    }
                    
                    pubTime.textContent = timeText;
                    authorDetails.appendChild(pubTime);
                    
                    authorInfo.appendChild(authorDetails);
                    
                    // 内容
                    const content = document.createElement('div');
                    content.className = 'dynamics-content';
                    content.textContent = dynamic.content !== 'N/A' ? dynamic.content : '';
                    
                    // 图片
                    const images = document.createElement('div');
                    images.className = 'dynamics-images';
                    if (dynamic.images && dynamic.images.length > 0) {
                        dynamic.images.forEach(image => {
                            const img = document.createElement('img');
                            img.className = 'dynamics-image-item';
                            img.alt = '动态图片';
                            loadImageWithReferer(image, img);
                            images.appendChild(img);
                        });
                    }
                    
                    // 分享视频
                    const videoContainer = document.createElement('div');
                    videoContainer.className = 'dynamics-video';
                    if (dynamic.orig && dynamic.orig.type === 'DYNAMIC_TYPE_AV' && dynamic.orig.video) {
                        const video = dynamic.orig.video;
                        const videoCard = document.createElement('div');
                        videoCard.className = 'dynamics-video-card';
                        videoCard.style.cssText = `
                            display: flex;
                            border: 1px solid #eee;
                            border-radius: 8px;
                            overflow: hidden;
                            margin: 10px 0;
                            margin-left: 2em;
                            background-color: #f9f9f9;
                            cursor: pointer;
                            transition: all 0.2s ease;
                        `;
                        // 添加点击事件跳转到视频
                        videoCard.addEventListener('click', function() {
                            window.open(video.jump_url, '_blank');
                        });
                        // 添加悬停效果
                        videoCard.addEventListener('mouseenter', function() {
                            this.style.borderColor = '#1890ff';
                            this.style.boxShadow = '0 2px 8px rgba(24, 144, 255, 0.15)';
                        });
                        videoCard.addEventListener('mouseleave', function() {
                            this.style.borderColor = '#eee';
                            this.style.boxShadow = 'none';
                        });
                        
                        // 视频封面
                        const videoCover = document.createElement('img');
                        videoCover.className = 'dynamics-video-cover';
                        videoCover.style.cssText = `
                            width: 120px;
                            height: 90px;
                            object-fit: cover;
                            flex-shrink: 0;
                        `;
                        loadImageWithReferer(video.cover, videoCover);
                        videoCard.appendChild(videoCover);
                        
                        // 视频信息
                        const videoInfo = document.createElement('div');
                        videoInfo.className = 'dynamics-video-info';
                        videoInfo.style.cssText = `
                            flex-grow: 1;
                            padding: 10px;
                            display: flex;
                            flex-direction: column;
                            justify-content: space-between;
                        `;
                        
                        // 视频标题
                        const videoTitle = document.createElement('h3');
                        videoTitle.className = 'dynamics-video-title';
                        videoTitle.style.cssText = `
                            font-size: 14px;
                            font-weight: bold;
                            margin: 0 0 5px 0;
                            line-height: 1.3;
                            overflow: hidden;
                            text-overflow: ellipsis;
                            display: -webkit-box;
                            -webkit-line-clamp: 2;
                            -webkit-box-orient: vertical;
                        `;
                        videoTitle.textContent = video.title;
                        videoInfo.appendChild(videoTitle);
                        
                        // 视频作者
                        const videoAuthor = document.createElement('div');
                        videoAuthor.className = 'dynamics-video-author';
                        videoAuthor.style.cssText = `
                            font-size: 12px;
                            color: #999;
                            margin-bottom: 5px;
                        `;
                        videoAuthor.textContent = `作者: ${dynamic.orig.author.name}`;
                        videoInfo.appendChild(videoAuthor);
                        
                        // 视频统计
                        const videoStats = document.createElement('div');
                        videoStats.className = 'dynamics-video-stats';
                        videoStats.style.cssText = `
                            font-size: 12px;
                            color: #999;
                            display: flex;
                            gap: 15px;
                        `;
                        videoStats.innerHTML = `
                            <span>播放: ${video.stats.play}</span>
                            <span>弹幕: ${video.stats.danmaku}</span>
                            <span>时长: ${video.duration}</span>
                        `;
                        videoInfo.appendChild(videoStats);
                        
                        videoCard.appendChild(videoInfo);
                        videoContainer.appendChild(videoCard);
                    }
                    
                    // 统计信息
                    const stats = document.createElement('div');
                    stats.className = 'dynamics-stats';
                    stats.innerHTML = `
                        <div class="dynamics-stat-item">
                            <i>👍</i>
                            <span>${dynamic.stats.like}</span>
                        </div>
                        <div class="dynamics-stat-item">
                            <i>💬</i>
                            <span>${dynamic.stats.comment}</span>
                        </div>
                        <div class="dynamics-stat-item">
                            <i>↗️</i>
                            <span>${dynamic.stats.forward}</span>
                        </div>
                    `;
                    
                    // 组装
                    dynamicItem.appendChild(authorInfo);
                    dynamicItem.appendChild(content);
                    dynamicItem.appendChild(images);
                    dynamicItem.appendChild(videoContainer);
                    dynamicItem.appendChild(stats);
                    
                    container.appendChild(dynamicItem);
                });
            })
            .catch(error => {
                const container = document.getElementById('dynamics-container');
                container.innerHTML = '<p style="color: red; text-align: center;">加载失败: ' + error.message + '</p>';
            });
    </script>
</div>
!!!

[album]

![2026-04-05T15:26:21.png][2]
![2026-04-05T15:28:51.png][3]

[/album]

[1]: https://space.bilibili.com/3546693687577150/dynamic
  [2]: https://xiey.work/usr/uploads/2026/04/3980839624.png
  [3]: https://xiey.work/usr/uploads/2026/04/2748706458.png

#鹿鹿的发言记录

懂你意思

记忆令使

加载中...

最后修改：2026 年 04 月 06 日

如果觉得我的文章对你有用，请随意赞赏

[赛博史官]鹿舅的记录

记忆令使

发表评论取消回复
使用cookie技术保留您的个人信息以便您下次快速评论，继续评论表示您已同意该条款

福州大学校园网突破设备数限制

[服外]一起去旅行日志

hexo-git的部署过程

适用于suka主题的Github action流程文件

SCI：图片的尺寸与规范

为了打通MC与QQ，给AstrBot写了个群服互联插件

我永远拥护植物魔法

SCI：图片的尺寸与规范

[赛博史官]鹿舅的记录

hexo-git的部署过程

[赛博史官]鹿舅的记录

记忆令使

发表评论 取消回复 使用cookie技术保留您的个人信息以便您下次快速评论，继续评论表示您已同意该条款

[赛博史官]鹿舅的记录

发表评论取消回复
使用cookie技术保留您的个人信息以便您下次快速评论，继续评论表示您已同意该条款