markdown进阶技巧

🎨 动起来！博客进阶代码指南

1. 🎵 插入网易云音乐播放器
   把下面这段代码里的 歌曲ID 换成你在网页版网易云看到的数字就好啦：

2. 🎬 嵌入 B 站视频
   把 视频BVID 换成你想分享的视频 BV 号（比如 BV1xxxx）：

3. ⌨️ 键盘按键效果
   如果你想让文字看起来像个实体按键，直接包住它：

Enter

4. 🔗 Fluid 专属精美链接卡片
   按照这个格式填入信息，它会生成一个超好看的卡片：

网站名称, 网站地址, 网站Logo图标地址

如何寻找网址图标

🔍 1. 如何寻找“网站地址”？ 这个最简单啦！就是你平时在浏览器里看到的那个网址：

打开你想分享的那个网页。

点击浏览器最上方的地址栏，让它整行变蓝。

直接 Ctrl + C 复制，然后贴到代码里就好啦！

例子：https://www.bilibili.com

🔍 2. 如何寻找“网站 Logo 图标地址”？
这个需要一点点“小魔法”，我们通常有三种找法：

方法 A：直接“右键大法” (最快)
在网页上找到那个 Logo 图标。

在图标上点鼠标右键。

选择 “复制图像链接” (Copy Image Address)。

如果你拿到的链接是以 .jpg、.png 或 .svg 结尾的，那就直接能用！

方法 B：使用专门的“图标搜索站” (最美)
如果你觉得网页自带的 Logo 不好看，可以去这些免费的图标库找更精致的：

：阿里巴巴的矢量图标库，搜什么都有！

：专门收集各大品牌（比如 GitHub, Bilibili）的简约图标。

方法 C：利用 Google 的小工具 (最稳)
很多网站都有一个叫 favicon 的小图标。你可以尝试用这个万能公式：
https://www.google.com/s2/favicons?sz=64&domain=目标网址

例子：如果你想找 B 站的图标，就写成 https://www.google.com/s2/favicons?sz=64&domain=bilibili.com。

🛠️ 实战演练：填好后的代码长这样
假设你想做一个指向 B 站的卡片，你可以这样写：

哔哩哔哩 ,

🌈 贴心小提醒
逗号是关键：代码里的三个部分（名称、网址、图标）之间一定要用 英文逗号 , 隔开，并且后面跟着一个空格，就像图片里展示的那样哦！

别忘了神咒：改好之后，记得在黑窗口里执行我们的“同步三神咒”：

git add .

git commit -m “添加了精美链接卡片”

git push origin main –force

快去试试看能不能给你的博客加上一个超酷的链接卡片！(⸝⸝ᵕᴗᵕ⸝⸝)✨ 你第一个想分享给读者的“宝藏网站”是哪一个呀？

5. 📑 在正文里强行显示目录
   虽然 Fluid 侧边会有目录，但如果你想在正文开头也放一个，就输入：

🚀 最后的“同步三神咒”
每次你玩这些新花样，记得在黑窗口里依次输入这三行，把它们推送到 xsf.ndjp.net：

git add .

git commit -m “update blog style”

git push origin main –force

这回看清楚了吗？(⸝⸝ᵕᴗᵕ⸝⸝) 赶快选一个代码去你的新文章里试试吧！你想先给哪部动漫配上专属 BGM 呢？