AI星球岛 发表于 5 天前

MD2Card

<div class="ce-block" data-id="7-8qJD-RDM" >
        <div class="ce-block__content" style="">
                <h3 class="ce-header ce-header--left">关于产品</h3>
        </div>
</div><div class="ce-block ce-block--focused" data-id="swxeWC9vOA" >
        <div class="ce-block__content">
                <div class="ce-paragraph cdx-block ce-paragraph--left">MD2Card 是一款将 Markdown 文档转化为精美知识卡片的工具。它旨在帮助用户轻松地将结构化的文本内容(如学习笔记、技术文档、知识分享内容)快速转换成具有吸引力和专业排版效果的视觉化卡片,支持多种风格和导出格式。</div>
        </div>
</div><div class="ce-block" data-id="rUR197vCkC" >
        <div class="ce-block__content" style="">
                <h3 class="ce-header ce-header--left">适合谁?</h3>
        </div>
</div><div class="ce-block ce-block--focused" data-id="xAAc_c2T9h" >
        <div class="ce-block__content">
                <div class="ce-paragraph cdx-block ce-paragraph--left">内容创作者:特别是知识类博主(如小红书、公众号运营者),需要快速制作视觉化内容进行分享。</div>
        </div>
</div><div class="ce-block ce-block--focused" data-id="aQmXcmvXKT" >
        <div class="ce-block__content">
                <div class="ce-paragraph cdx-block ce-paragraph--left">教育工作者/学生:用于制作学习卡片、知识重点、课件讲义,方便复习和教学。</div>
        </div>
</div><div class="ce-block ce-block--focused" data-id="G3SWUe9QMU" >
        <div class="ce-block__content">
                <div class="ce-paragraph cdx-block ce-paragraph--left">开发者/技术写作者:需要将技术文档、API说明、代码示例等以更易读、美观的卡片形式呈现。</div>
        </div>
</div><div class="ce-block ce-block--focused" data-id="QmKUMqmqPn" >
        <div class="ce-block__content">
                <div class="ce-paragraph cdx-block ce-paragraph--left">个人知识管理爱好者:希望将笔记和知识整理成视觉上更友好、更易回顾的卡片。</div>
        </div>
</div><div class="ce-block ce-block--focused" data-id="IZmsyl_ddQ" >
        <div class="ce-block__content">
                <div class="ce-paragraph cdx-block ce-paragraph--left">企业/团队:需要将产品说明、内部文档、培训材料标准化、视觉化,并可能通过API集成到工作流中。</div>
        </div>
</div><div class="ce-block" data-id="nBAkDiGanW" >
        <div class="ce-block__content" style="">
                <h3 class="ce-header ce-header--left">产品特色</h3>
        </div>
</div><div class="ce-block ce-block--focused" data-id="4DafcOBKhQ" >
        <div class="ce-block__content">
                <div class="ce-paragraph cdx-block ce-paragraph--left">零设计门槛:用户只需熟悉Markdown语法,无需专业设计技能,即可生成专业美观的卡片。</div>
        </div>
</div><div class="ce-block ce-block--focused" data-id="nckbwUW327" >
        <div class="ce-block__content">
                <div class="ce-paragraph cdx-block ce-paragraph--left">基础功能完全免费:核心的Markdown转换、主题应用、导出图片等功能不登录即可免费无限次使用。</div>
        </div>
</div><div class="ce-block ce-block--focused" data-id="v_wxQCDDhY" >
        <div class="ce-block__content">
                <div class="ce-paragraph cdx-block ce-paragraph--left">丰富的主题库:提供大量精心设计的主题模板,一键切换不同视觉效果。</div>
        </div>
</div><div class="ce-block ce-block--focused" data-id="8G2g0HAzPd" >
        <div class="ce-block__content">
                <div class="ce-paragraph cdx-block ce-paragraph--left">强大的导出能力:支持多种主流格式导出,满足电子分享、打印、视频制作等不同需求。</div>
        </div>
</div><div class="ce-block ce-block--focused" data-id="1ZcZRYp36s" >
        <div class="ce-block__content">
                <div class="ce-paragraph cdx-block ce-paragraph--left">对开发者/企业友好:开放API、支持私有化部署(MCP),为企业级应用和集成提供了可能性。</div>
        </div>
</div><div class="ce-block ce-block--focused" data-id="UL4mcOe5oW" >
        <div class="ce-block__content">
                <div class="ce-paragraph cdx-block ce-paragraph--left">专注知识表达:产品设计核心围绕清晰、美观地呈现知识内容,提升信息的可读性和传播性。</div>
        </div>
</div><div class="ce-block ce-block--focused" data-id="z36j_O6zuz" >
        <div class="ce-block__content">
                <div class="ce-paragraph cdx-block ce-paragraph--left">轻量与便捷:在线即可使用,无需复杂安装(私有部署除外),流程简单高效。</div>
        </div>
</div><style type="text/css">
.ce-block {
        margin-top: 20px;
    margin-bottom: 20px;
}
.ce-block__content,.ce-toolbar__content {
        /* max-width:calc(100% - 50px) */
        margin-left: auto;
    margin-right: auto;
}
/**
* Plugin styles
*/
.ce-header {
position: relative;
padding: 1px 0px 1px 15px;
margin: 0;
line-height: 1.25em;
outline: none;
margin-bottom: 10px;
}

.ce-header p,
.ce-header div {
padding: 0 !important;
margin: 0 !important;
}
.ce-header::before {
        content: "";
        background-color: #3e8fe3;
        width: 6px;
        height: 100%;
        position: absolute;
        left: 0;
        -webkit-border-radius: 3px;
        -moz-border-radius: 3px;
        border-radius: 3px;
}
/**
* Styles for Plugin icon in Toolbar
*/
.ce-header__icon {
}

.ce-header::before {
position: absolute;
content: attr(data-placeholder);
color: #707684;
font-weight: normal;
display: none;
cursor: text;
}

.ce-header:empty::before {
display: block;
}

.ce-header:empty:focus::before {
display: none;
}
/* FontSize */
h1.ce-header {
    font-size: 2.0em;
}
h2.ce-header {
    font-size: 1.7em;
}
h3.ce-header {
    font-size: 1.4em;
}
h4.ce-header {
    font-size: 1.15em;
}
h5.ce-header {
    font-size: 0.95em;
}
h6.ce-header {
    font-size: 0.8em;
}
/* Alignment*/
.ce-header--right {
text-align: right;
}
.ce-header--center {
text-align: center;
}
.ce-header--left {
text-align: left;
}
.ce-header--justify {
text-align: justify;
}
</style><style type="text/css">
.ce-block {
    margin-bottom: 20px;
}
.ce-block__content,.ce-toolbar__content {
        /* max-width:calc(100% - 50px) */
        margin-left: auto;
    margin-right: auto;
}
.ce-paragraph {
    line-height: 1.6em;
    outline: none;
    text-indent: 2em;
    font-size: 16px;
}
.ce-paragraph--right {
    text-align: right;
}
.ce-paragraph--center {
    text-align: center;
}
.ce-paragraph--left {
    text-align: left;
}

.ce-paragraph--justify {
    text-align: justify;
}

.ce-paragraph-text-indent {
    text-align: justify;
}
.ce-paragraph:empty::before{
content: attr(data-placeholder);
color: #707684;
font-weight: normal;
opacity: 0;
}

/** Show placeholder at the first paragraph if Editor is empty */
.codex-editor--empty .ce-block:first-child .ce-paragraph:empty::before {
opacity: 1;
}

.codex-editor--toolbox-opened .ce-block:first-child .ce-paragraph:empty::before,
.codex-editor--empty .ce-block:first-child .ce-paragraph:empty:focus::before {
opacity: 0;
}

.ce-paragraph p:first-of-type{
    margin-top: 0;
}

.ce-paragraph p:last-of-type{
    margin-bottom: 0;
}


.svg-icon {
    width: 1em;
    height: 1em;
}

.svg-icon path,
.svg-icon polygon,
.svg-icon rect {
    fill: #4691f6;
}

.svg-icon circle {
    stroke: #4691f6;
    stroke-width: 1;
}
</style><style type="text/css">
.inline-code {
background: rgba(250, 239, 240, 0.78);
color: #b44437;
padding: 3px 4px;
border-radius: 5px;
margin: 0 1px;
font-family: inherit;
font-size: 0.86em;
font-weight: 500;
letter-spacing: 0.3px;
}
</style>
页: [1]
查看完整版本: MD2Card