Html 如何将带有css样式的react组件作为独立代码段导出/提取？

我想从我的盖茨比网站导出一个带有css样式的独立html组件（来自样式化组件），这样它就可以作为一个片段插入到博客中。这是否可能以自动方式实现，或者我被迫

Inspect Element->copy HTML->手动编写/复制每个HTML块的所有编译类和样式

---

我希望有一种更快的方法来实现这一点，如果没有，应该有。

好的，在搜索解决方案后，我找到了chrome扩展，它允许我复制元素及其子元素的所有css（带有选择器和响应样式）。因此，我只需要将所有html从我想要的元素复制为一个片段，并将样式从扩展复制到一个标记中