可在 Jimdo 通过自定义 html 区块引入 tsparticles 库实现动态粒子效果，或用内联 svg 替代；需调整颜色、数量等参数适配主题，并修复脚本加载问题。
如果您希望在 Jimdo 网站中添加动态 html5 粒子效果（如背景浮动粒子、鼠标交互连线等），但发现 Jimdo 编辑器默认不支持直接嵌入 <canvas></canvas> 或外部 js 库，以下是实现该效果的具体操作步骤：
一、通过自定义 HTML 区块引入粒子库
Jimdo 允许在“高级”或“自定义 HTML”模块中插入外部脚本与样式，需手动加载轻量级粒子库（如 tsparticles 或 particles.js）并初始化容器。
1、登录 Jimdo 后台，进入页面编辑模式，点击“添加区块”→ 选择“自定义 HTML”（部分版本显示为“HTML/javaScript”）。
2、在弹出的代码框中，粘贴以下完整代码段（使用 tsparticles 官方 cdn，兼容 Jimdo 的 httpS 环境）：
立即学习 “ 前端免费学习笔记（深入）”；
<script>tsparticles.load("tsparticles", {particles:{number:{value:80},color:{value:"#666"},shape:{type:"circle"},opacity:{value:0.5},size:{value:3},move:{enable:true,speed:2}},interactivity:{events:{onhover:{enable:true,mode:"repulse"},onclick:{enable:true,mode:"push"}},modes:{repulse:{distance:120},push:{particles_nb:4}}}});</script>
3、点击“保存”，刷新页面预览，粒子效果将覆盖全屏背景（z-index 设为 -1 确保不遮挡内容）。
二、使用内联 SVG 替代方案（免 JS 加载）
若 Jimdo 版本限制外部脚本执行（如免费版禁用 script 标签），可采用纯 css + SVG 实现静态粒子视觉，规避 JS 执行风险。
1、生成一个含 30–50 个 <circle></circle> 的 SVG 代码，每个圆设置不同 cx/cy/r 和 opacity，例如：<circle cx="120" cy="85" r="1.2" fill="#999" opacity="0.4"></circle>。
2、将全部 SVG 代码包裹在 <svg width="100%" height="100%" xmlns="http://www.w3.org/2000/svg">……</svg> 中。
3、在 Jimdo 自定义 HTML 区块中仅粘贴该 SVG 代码（不含 script 标签），设置其父容器 CSS 为 position: fixed; top: 0; left: 0; width: 100%; height: 100%; z-index: -1;。
三、调整粒子参数以匹配网站风格
粒子效果的视觉协调性取决于颜色、密度、运动速度与交互响应，需根据 Jimdo 主题配色及内容区域高度进行针对性修改。
1、修改粒子主色：在 tsparticles 配置 对象 中定位 color: {value: "#666"}，将十六进制值替换为与您 Jimdo 主题一致的颜色，例如 “#2a5c8d”（深蓝）或 “#e63946”（品牌红）。
2、降低粒子数量避免卡顿：将 number: {value: 80} 改为 value: 45，适用于移动端访问较多的 Jimdo 站点。
3、关闭鼠标悬停排斥效果：注释或删除配置中 onhover: {enable: true, mode: "repulse"} 整行，防止文字链接区域误触发粒子飞散。
四、修复常见加载失败问题
Jimdo 对 script 标签的解析存在延迟或拦截机制，导致粒子未渲染或控制台报错“tsparticles is not defined”。
1、确认 Jimdo 设置中未启用“优化 javascript”或“延迟加载 脚本”选项（位于设置 → 性能 → 脚本加载策略）。
2、将原 script 标签拆分为两段：第一段仅加载库（<script src="……"></script>），第二段用 setTimeout 延迟初始化，例如：<script>setTimeout(() => {tsparticles.load(……);}, 800);</script>。
3、若仍失败，改用本地托管：将 tsparticles.min.js 下载后上传至 Jimdo 文件管理器，再用相对路径引用，例如 src="/files/tsparticles.min.js"。
