[{"content":"","permalink":"https://sqccqs.cc/posts/my-second-post/","summary":"","title":"My Second Post"},{"content":"正文内容\u0026hellip;\ndsdw d\n数据都放在这个目录下![[截屏2025-07-14 02.35.29.png]]\n","permalink":"https://sqccqs.cc/posts/%E4%BD%A0%E5%A5%BD/","summary":"\u003cp\u003e正文内容\u0026hellip;\u003c/p\u003e\n\u003cp\u003edsdw\nd\u003c/p\u003e\n\u003cp\u003e数据都放在这个目录下![[截屏2025-07-14 02.35.29.png]]\u003c/p\u003e","title":"你的标题"},{"content":" 🌐 This is the English version. 查看中文原文\nThis article demonstrates how to embed videos, audio, and galleries in your blog posts.\nVideo Display You can easily embed local or remote videos:\nDemo Video 您的浏览器不支持视频播放。 This is a demo video\nNote: You need to upload video files to the static/videos/ directory (MP4 format recommended).\nAudio Playback Support for MP3 audio playback with a beautiful player interface:\nBackground Music Artist\n您的浏览器不支持音频播放。 Image Gallery Image 1 Image 2 Image 3 Instructions Upload Files Place multimedia files in the corresponding directories:\nVideo: static/videos/ (MP4 format) Audio: static/audio/ (MP3 format) Images: static/img/ (JPG, PNG formats) Shortcode Syntax Video:\n{{\u0026lt; video src=\u0026#34;/videos/filename.mp4\u0026#34; poster=\u0026#34;/img/cover.jpg\u0026#34; title=\u0026#34;Title\u0026#34; \u0026gt;}} Audio:\n{{\u0026lt; audio src=\u0026#34;/audio/filename.mp3\u0026#34; title=\u0026#34;Title\u0026#34; artist=\u0026#34;Artist\u0026#34; \u0026gt;}} Gallery:\n{{\u0026lt; gallery \u0026gt;}} {{\u0026lt; figure src=\u0026#34;/img/image1.jpg\u0026#34; title=\u0026#34;Description\u0026#34; \u0026gt;}} {{\u0026lt; figure src=\u0026#34;/img/image2.jpg\u0026#34; title=\u0026#34;Description\u0026#34; \u0026gt;}} {{\u0026lt; /gallery \u0026gt;}} Notes Video files should use H.264 encoded MP4 format for best compatibility Audio files should use MP3 format Large files should be compressed before uploading You can use CDN or object storage to host multimedia files Feel free to leave a comment below!\n","permalink":"https://sqccqs.cc/posts/multimedia-demo-en/","summary":"\u003cblockquote\u003e\n\u003cp\u003e🌐 This is the English version.\n\u003ca href=\"/posts/multimedia-demo/\"\u003e查看中文原文\u003c/a\u003e\u003c/p\u003e\n\u003c/blockquote\u003e\n\u003cp\u003eThis article demonstrates how to embed videos, audio, and galleries in your blog posts.\u003c/p\u003e","title":"Multimedia Content Demo"},{"content":" 🌐 本文有英文版本供国际读者阅读： English Version\n这篇文章展示如何在博客中嵌入视频、音频和画廊。\n视频展示 嵌入本地视频：\n示例视频 您的浏览器不支持视频播放。 视频说明文字\n注意：你需要将视频文件上传到 static/videos/ 目录。\n音频播放 嵌入音频：\n背景音乐 艺术家\n您的浏览器不支持音频播放。 注意：你需要将音频文件上传到 static/audio/ 目录。\n图片画廊 图片 1 图片 2 图片 3 使用说明 上传文件 将多媒体文件放入对应目录：\n视频文件: 放到 static/videos/ 目录（支持 MP4 格式）\n音频文件: 放到 static/audio/ 目录（支持 MP3 格式）\n图片文件: 放到 static/img/ 目录（支持 JPG、PNG 格式）\n短代码语法 视频:\n{{\u0026lt; video src=\u0026#34;/videos/文件名.mp4\u0026#34; poster=\u0026#34;/img/封面.jpg\u0026#34; title=\u0026#34;标题\u0026#34; \u0026gt;}} 音频:\n{{\u0026lt; audio src=\u0026#34;/audio/文件名.mp3\u0026#34; title=\u0026#34;标题\u0026#34; artist=\u0026#34;艺术家\u0026#34; \u0026gt;}} 画廊:\n{{\u0026lt; gallery \u0026gt;}} {{\u0026lt; figure src=\u0026#34;/img/图片1.jpg\u0026#34; title=\u0026#34;说明1\u0026#34; \u0026gt;}} {{\u0026lt; figure src=\u0026#34;/img/图片2.jpg\u0026#34; title=\u0026#34;说明2\u0026#34; \u0026gt;}} {{\u0026lt; /gallery \u0026gt;}} 欢迎在下方留言讨论！\n","permalink":"https://sqccqs.cc/posts/multimedia-demo/","summary":"\u003cblockquote\u003e\n\u003cp\u003e🌐 本文有英文版本供国际读者阅读：\n\u003ca href=\"/posts/multimedia-demo-en/\"\u003eEnglish Version\u003c/a\u003e\u003c/p\u003e\n\u003c/blockquote\u003e\n\u003cp\u003e这篇文章展示如何在博客中嵌入视频、音频和画廊。\u003c/p\u003e","title":"多媒体内容示例"},{"content":"这是一个轻量反应速度小游戏：\n点击“开始挑战”后，等待方块变色。 变色后尽快点击方块，系统会记录你的反应时间。 系统会保存本地最佳成绩（localStorage）。 反应速度测试 小建议 连续玩 3 次，取中位数更接近真实水平。 学习间隙玩 1~2 分钟即可，避免过度分心。 ","permalink":"https://sqccqs.cc/relax/reaction-test/","summary":"\u003cp\u003e这是一个轻量反应速度小游戏：\u003c/p\u003e\n\u003col\u003e\n\u003cli\u003e点击“开始挑战”后，等待方块变色。\u003c/li\u003e\n\u003cli\u003e变色后尽快点击方块，系统会记录你的反应时间。\u003c/li\u003e\n\u003cli\u003e系统会保存本地最佳成绩（\u003ccode\u003elocalStorage\u003c/code\u003e）。\u003c/li\u003e\n\u003c/ol\u003e\n\n\n\n\n\u003csection class=\"game-panel\"\u003e\n  \u003ch3 class=\"game-title\"\u003e反应速度测试\u003c/h3\u003e\n  \u003cdiv id=\"reaction-test\" class=\"game-root\" aria-live=\"polite\"\u003e\u003c/div\u003e\n  \n  \u003cscript src=\"/games/reaction-test.js\" defer\u003e\u003c/script\u003e\n  \n\u003c/section\u003e\n\n\u003ch2 id=\"小建议\"\u003e小建议\u003c/h2\u003e\n\u003cul\u003e\n\u003cli\u003e连续玩 3 次，取中位数更接近真实水平。\u003c/li\u003e\n\u003cli\u003e学习间隙玩 1~2 分钟即可，避免过度分心。\u003c/li\u003e\n\u003c/ul\u003e","title":"反应速度测试"},{"content":"这是一个项目示例页面，你可以在这里介绍你的项目。\n项目简介 在这里详细介绍你的项目背景、目标和实现过程。\n技术栈 技术点 1 技术点 2 技术点 3 项目成果 描述项目取得的成果和收获。\n总结 项目经验总结和反思。\n","permalink":"https://sqccqs.cc/works/project-1/","summary":"\u003cp\u003e这是一个项目示例页面，你可以在这里介绍你的项目。\u003c/p\u003e","title":"学习项目示例"},{"content":"探索算法与美学的边界，用代码创作独特的视觉艺术作品。\n系列介绍 这个系列探索了数学规律与视觉艺术的结合。每一幅作品都是由算法生成，具有独特的参数组合，确保每件作品的唯一性。\n作品展示 Flow #001 Flow #002 Noise #001 Noise #002 Grid #001 Grid #002 技术实现 使用 p5.js 和 Processing 进行创作，结合 Perlin 噪声、粒子系统和几何变换。\n// 示例代码片段 function setup() { createCanvas(800, 800); background(20); for (let i = 0; i \u0026lt; 1000; i++) { let x = noise(i * 0.01) * width; let y = noise(i * 0.01 + 1000) * height; let size = noise(i * 0.02) * 20; fill(255, 50); noStroke(); ellipse(x, y, size, size); } } 创作理念 \u0026ldquo;代码是画笔，算法是颜料，屏幕是画布。\u0026rdquo;\n我相信编程不仅是工具，更是一种创造性的表达方式。通过算法，我们可以探索传统媒介无法实现的视觉可能性。\n展览记录 2025.03 - 数字艺术展，上海 2025.01 - 新媒体艺术节，北京 2024.11 - 创意编程展，深圳 NFT 收藏 部分作品已铸造为 NFT，可在 OpenSea 上收藏。\n探索更多: GitHub 仓库\n","permalink":"https://sqccqs.cc/works/project-2/","summary":"\u003cp\u003e探索算法与美学的边界，用代码创作独特的视觉艺术作品。\u003c/p\u003e","title":"创意编程：生成艺术作品集"},{"content":"ds\n","permalink":"https://sqccqs.cc/posts/wodexiede/","summary":"\u003cp\u003eds\u003c/p\u003e","title":""},{"content":"联系方式 欢迎通过以下方式与我联系：\n📧 邮箱 12433080@mail.sustech.edu.cn\n一般会在 24 小时内回复。\n💻 GitHub github.com/shiqianchuan\n🌐 个人主页 qianchuanshi.github.io\n欢迎技术交流和学术讨论！\n","permalink":"https://sqccqs.cc/contact/","summary":"\u003ch2 id=\"联系方式\"\u003e联系方式\u003c/h2\u003e\n\u003cp\u003e欢迎通过以下方式与我联系：\u003c/p\u003e\n\u003ch3 id=\"-邮箱\"\u003e📧 邮箱\u003c/h3\u003e\n\u003cp\u003e\u003cstrong\u003e\u003ca href=\"mailto:12433080@mail.sustech.edu.cn\"\u003e12433080@mail.sustech.edu.cn\u003c/a\u003e\u003c/strong\u003e\u003c/p\u003e\n\u003cp\u003e一般会在 24 小时内回复。\u003c/p\u003e\n\u003ch3 id=\"-github\"\u003e💻 GitHub\u003c/h3\u003e\n\u003cp\u003e\u003ca href=\"https://github.com/shiqianchuan\"\u003egithub.com/shiqianchuan\u003c/a\u003e\u003c/p\u003e\n\u003ch3 id=\"-个人主页\"\u003e🌐 个人主页\u003c/h3\u003e\n\u003cp\u003e\u003ca href=\"https://qianchuanshi.github.io/\"\u003eqianchuanshi.github.io\u003c/a\u003e\u003c/p\u003e\n\u003chr\u003e\n\u003cp\u003e\u003cem\u003e欢迎技术交流和学术讨论！\u003c/em\u003e\u003c/p\u003e","title":"联系"}]