# CMS 导入微信公众号文章 | Creght 可视化文档

> 进入一个 CMS 下，点击右侧的导入按钮 第一步：输入微信公众号文章的链接，每行输入一个 第二步：字段匹配。将公众号字段与您的 CMS 字段一一关联起来，比如将公众号的标题关联到 CMS 的标题字段 第三步：开始导入，我们可以等导入完毕，点…

[![Creght](https://ugc.talizen.com/_assets/site/2061660904709165056/1780797461299__creght_logo.png)帮助文档](/help.md)

[更新历史](/blogs.md)

[AI](/docs/ai/quick-create-first-website.md) [可视化](/docs/get-start.md)

入门

- [两分钟了解 Creght](/docs/get-start.md)
- [如何注册 Creght](/docs/signup.md)
- [快速制作网站](/docs/create-site.md)
- [模板](/docs/tpls.md)

设计

- [编辑器](/docs/editor.md)
- [基本操作](/docs/operating.md)
- [什么是布局](/docs/layout.md)
- [什么是定位](/docs/position.md)
- [什么是尺寸](/docs/size.md)
- [断点](/docs/breakpoint.md)
- [弹窗](/docs/popover.md)
- [组件](/docs/components.md)
- [添加第三方字体](/docs/tp-font.md)
- [副本与深拷贝](/docs/deep-copy.md)

CMS

- [内容管理 \- CMS](/docs/cms.md)
- [CMS 导入微信公众号文章](/docs/wxmp.md)

网站设置

- [页面设置](/docs/page-setting.md)
- [如何升级套餐](/docs/manage-plan.md)
- [SEO 设置](/docs/seo-setting.md)
- [小文件](/docs/verification-file.md)
- [绑定自定义域名](/docs/custom-domain.md)
- [如何进行网站备案](/docs/beian.md)
- [服务器节点说明](/docs/website-node.md)
- [如何切换站点](/docs/pxrp79jqtnyq.md)
- [多语言本地化](/docs/localization.md)

AI

- [关于 Creght AI](/docs/creght-ai.md)

工具

- [从 Figma 设计稿到可交互网站](/docs/figma-to-creght.md)
- [Figma 转响应式布局的 3 大核心指南](/docs/figma-autolayout.md)
- [Figma 设计稿一键转响应式网站](/docs/response-site.md)
- [Figma 转响应式网站-交互篇](/docs/figma03.md)
- [使用 FFmpeg 压缩视频](/docs/ffmpeg.md)
- [如何将 Clarity 添加到您的网站](/docs/clarity.md)
- [按钮 Hover 动效制作教程](/docs/button.md)
- [响应式导航栏制作教程](/docs/nav.md)
- [折叠面板](/docs/collapse.md)

CMS/

# CMS 导入微信公众号文章

进入一个 CMS 下，点击右侧的导入按钮

![image.png](https://fsu.creght.com/user/3/mgVsWiPniJp__image.png)

第一步：输入微信公众号文章的链接，每行输入一个

![image.png](https://fsu.creght.com/user/3/mgVsWnfQVKK__image.png)

第二步：字段匹配。将公众号字段与您的 CMS 字段一一关联起来，比如将公众号的标题关联到 CMS 的标题字段

![image.png](https://fsu.creght.com/user/3/mgVsWYZHyCI__image.png)

第三步：开始导入，我们可以等导入完毕，点击返回列表按钮，CMS 内容就有我们导入的公众号内容了。

![image.png](https://fsu.creght.com/user/3/mgVsXhPXfnf__image.png)

点击右上角的导入记录，可以查看导入任务的状态。

![image.png](https://fsu.creght.com/user/3/mgVsXQhplUI__image.png)

点击“刷新”按钮，可以刷新当前列表，获取最新的CMS数据

![image.png](https://fsu.creght.com/user/3/mgVsYocOvWA__image.png)

## 注意

公众号文章导入到 Creght 的 CMS中，会有一些样式的兼容问题，常见的有以下几种情况：

### 颜色问题

Creght 不支持微信 **公众号暗黑模式下的样式**，比如 **文本颜色**，Creght 只能获取到亮色系的文本颜色；如果您的站点是暗色系，就可能存在样式问题：如下图所示黑底黑字无法看清文字。

![image.png](https://fsu.creght.com/user/3/mgVsYKvFuZl__image.png)

> 解决办法是再次编辑内容
>
> 方案一：将有问题的文字颜色移除。
>
> 方案二：将有问题的文字颜色调整为您想要的颜色。
>
> 我们推荐使用方案1：这样后续需要再次修改站点为亮色系的时候，不用再去调整CMS的文章，只需要调节文本组件的颜色即可

方案一操作如下：

第一步：选中文本，移除文字颜色

![image.png](https://fsu.creght.com/user/3/mgVtasMJAMd__image.png)

第二步：在编辑器界面，调整文本的颜色即可

![image.png](https://fsu.creght.com/user/3/mgVtaOzgUQA__image.png)

### 间隔问题

由于不同的微信公众号排版工具实现间隔的方式不一样，所以导入到 Creght 中可能间隔就有差异，常见的问题 1: 存在大量的空行，导致间隔大（如下图所示）。这种情况下，您可以手动清除掉空行即可；

![image.png](https://fsu.creght.com/user/3/mgVsYDjxtze__image.png)

或者调整绑定了此字段的文本组件的行间距。

> 注意，调整行间距之后，当前 CMS 下的所有文章都会使用相同的行间距属性。

![image.png](https://fsu.creght.com/user/3/mgVsYSqijdr__image.png)

本文目录

- [注意](#注意)
- [颜色问题](#颜色问题)
- [间隔问题](#间隔问题)

![Creght](https://ugc.talizen.com/_assets/site/2061660904709165056/1780797461299__creght_logo.png)

此网站使用 [Creght](/) 创建

![微信客服](https://fsu.creght.com/site/2066727200882692096/1785119134612__image.png)

微信客服

## 链接

- [价格](/price.md)
- [解决方案](/solution.md)
- [客户案例](/customers.md)
- [帮助中心](/help.md)
- [联系我们](/contact.md)
- [更新记录 & 博客](/blogs.md)
- [退款说明](/tuikuan.md)

## 资源

- [全部资源](/resources.md)
- [模板](/templates.md)
- [组件库](https://creghtlib.site.creght.com)
- [动效库](/design/effects.md)
- [Figma to Creght](/figma2creght.md)
- [API](/api.md)

## 产品对比

- [对比上线了](/creght-vs-sxl.md)
- [对比凡科建站](/creght-vs-fkw.md)
- [自己写代码 vs Creght](/compare/self-coding.md)
- [外包 vs 自己做](/compare/outsourcing.md)

## 协议

- [用户协议](/legal/terms.md)
- [隐私政策](/legal/privacy.md)
- [可接受使用政策](/legal/acceptable-use.md)

## 社交媒体

- [小红书](https://www.xiaohongshu.com/user/profile/5a38606811be10715f4895b6)
- [哔哩哔哩](https://space.bilibili.com/513308095)

[蜀ICP备2023038192号-2](https://beian.miit.gov.cn)