该如何引用 ckeditor 的样式？让显示的文章和编辑时一样？

使用CKEditor4搭建的博客网站，插入代码时，编辑的内容与前端显示的内容不一样
如图所示：

后台编辑：

前端显示：

通过<link rel="canonical" href="">方式，把编辑器的样式，引入到前端显示页面