md icon indicating copy to clipboard operation
md copied to clipboard

导出css文件

Open puppyapple opened this issue 1 year ago • 8 comments

请问有什么途径可以将选好了配置的主题导出成css文件么?

puppyapple avatar Sep 17 '24 02:09 puppyapple

我想过导入和导出「自定义CSS」内容,还有导出当前用户的样式配置数据,但不会导出项目的预设样式。

需要看你的具体使用场景是什么。

YangFong avatar Sep 17 '24 03:09 YangFong

感谢回复。

我的场景是觉得您项目里提供的预设样式经过简单配置手动配置之后感官效果非常舒服, 因此希望能在自己本地的所见即所得编辑器(例如typora、obsidian)里直接使用同样的css配置来获得一致的视觉效果,从而省去了频繁地将编辑中文章md粘贴到页面预览来查看效果的繁琐。 (虽然项目提供的页面也能具备很好的md编辑的功能,但毕竟个人的编辑工具、习惯以及工作流很难改变)。 项目非常棒,感谢🙏

2024年9月17日 11:31,YangFong @.***> 写道:

我想过导入和导出「自定义CSS」内容,还有导出当前用户的样式配置数据,但不会导出项目的预设样式。

需要看你的具体使用场景是什么。

— Reply to this email directly, view it on GitHub https://github.com/doocs/md/issues/412#issuecomment-2354435395, or unsubscribe https://github.com/notifications/unsubscribe-auth/AH4VP2PDZDS555EDLQLP23DZW6O77AVCNFSM6AAAAABOKP6VVWVHI2DSMVQWIX3LMV43OSLTON2WKQ3PNVWWK3TUHMZDGNJUGQZTKMZZGU. You are receiving this because you authored the thread.

puppyapple avatar Sep 17 '24 03:09 puppyapple

那么在这方面,最优解是,为 ob 做一个主题并加入其主题库。因为直接导出,大致看不到理想效果的,因为元素和类名不一样,还需要重写 CSS 变量。这方面,我没有试过,就是专门去写一个主题。

我个人也是常用 ob 的,也许最简单的方式是写一个插件,读取当前选中的文件并渲染。

比如这样:

image

YangFong avatar Sep 17 '24 04:09 YangFong

当然也的说,该项目的定位是微信公众号发文编辑器。而这些,并不在其范畴当中。不过我找到了一个方式,也许会有帮助,你可以试试 <iframe>

<iframe src="https://doocs.github.io/md" style="height: 80vh; width: 50vw">

效果:

image image

当然这个窗口有点怪哈,我再补充一个响应式设计,小窗口时只展示渲染区内容,那么使用就大致没问题了。

YangFong avatar Sep 17 '24 04:09 YangFong

感谢这么及时的回复,这个方案我试试哈,虽然不是理想的样子,不过感觉够用了!中秋快乐🥮发自我的 iPhone在 2024年9月17日,12:19,YangFong @.***> 写道: 当然也的说,该项目的定位是微信公众号发文编辑器。而这些,并不在其范畴当中。不过我找到了一个方式,也许会有帮助,你可以试试

puppyapple avatar Sep 17 '24 05:09 puppyapple

Image

这样通过 iframe,好像只是实现了。创建一个文章中间,插入了这个编辑器来调用。

今天一直在考虑。如何实现,obsidian 可以通过一个插件,比如一键推送,就可以把 markdown 格式的文本,通过 md 项目提供某个 api 接口或者什么文章导入方式。

可以实现这样的效果。这样 md 项目不需要去适配 obsidian 的插件二次开发,而是提供一个可以导入的 api 或者什么方式来实现?

而对 obsidian 来说,精致一点就是开发一个针对性插件,粗糙一点,就是用一些开放 api 插件来搞。

核心是,在 obsidian 的内容编辑过程中,能否实时通过 md 编辑器的美化,来看到公众号预览效果。

作者,有何高见。😄

l-souljourney avatar Mar 17 '25 11:03 l-souljourney

楼上,你这种方式写的文档是保存在doocs那边吗?

WangBo-cmd avatar Apr 05 '25 17:04 WangBo-cmd

楼上,你这种方式写的文档是保存在doocs那边吗?

不是的,就还是在 obsidian 里面写完,然后手动复制到这个编辑器里面的。暂时这样解决的。还行,能凑合用。

l-souljourney avatar May 21 '25 02:05 l-souljourney