编辑技巧-关于markdown

🌟 Markdown 进阶装修指南

  1. 漂亮的折叠框(Details)
    如果你的文章太长,或者想藏起一些答案/代码,可以用这个:

Markdown

点击这里查看隐藏的小秘密 (。•̀ᴗ-)✧ 哎呀,被你发现了!这里可以放很多内容哦。
效果:读者点一下文字,内容才会展开。
  1. 制作任务清单(Task List)
    想在博客里列个学习计划?
  • 搞定 Hexo 环境部署
  • 成功推送第一篇文章
  • 学会所有的 Markdown 技巧
    ([x] 表示已完成,[ ] 表示未完成)
  1. 超好用的表格(Table)
    想对比一下 iPhone 12 和其他手机?
功能 详情 状态
标题 居左
内容 居中
备注 居右 🚀
  1. 插入带注脚的文字
    想解释一个比较难的词?

这是一个比较深奥的词汇[1]

(在文章最下面写):

🎨 针对你的 Fluid 主题的小彩蛋
因为你用的是 Fluid 主题,它其实内置了一些更漂亮的组件(这些叫 Tag Plugins),你可以直接在 .md 文件里用:

各种颜色的提示框:

Markdown

这是一个成功的提示框!(๑•̀ㅂ•́)و✧

哎呀,这里出错了!(。>ㅅ<。)

(除了 success 和 danger,还有 info, warning, primary 等颜色哟!)

行内标签:
如果你想给某个词加个漂亮的底色,可以写:文字内容

💡 记得我们的“老约定”
每次写完新技巧,别忘了执行那三行“神咒”同步到云端:

git add .

git commit -m “学习了新技巧”

git push origin main –force

你想试试在下一篇文章里加一个漂亮的“提示框”吗?或者你想知道怎么在文章里插入你喜欢的动漫图片?(⸝⸝ᵕᴗᵕ⸝⸝)✨
🖼️ 技能二:插入你喜欢的动漫图片
在 Markdown 里插图有三种“姿势”,咱们选最简单的:

方法 A:使用图床链接(最推荐,不占空间)
你可以把动漫图片传到微博图床或 SM.MS 等网站,拿到链接后这样写:
! 图片描述
例如:
! 我的老婆

方法 B:存放在本地文件夹(最稳妥)
在你的 source 文件夹下创建一个叫 images 的文件夹。

把你的动漫图片放进去(假设叫 hatsune.jpg)。

在文章里写:
初音未来

🎨 进阶:动漫图片还能这么玩!

  1. 给图片加阴影和圆角(Fluid 专属):
    你可以直接在图片链接后面加点“料”:
    描述
  1. 这里是这个词汇的详细解释哟!
  2. 这里是这个词汇的详细解释哟!

编辑技巧-关于markdown
https://xsf.ndjp.net/编辑技巧-关于markdown.html
作者
ShuFANG Xiao
发布于
2026年3月7日
许可协议