魏艾斯笔记在WordPress博客中添加代码是每个博主或多或少都会有的需求。以前看到很多博主使用代码插件来实现，现在很多主题内置了这个功能。比如 Dux主题就内置了带黑色背景的代码模式。
一般使用 Dux主题写博客要么使用经典编辑器，要么使用古腾堡编辑器。Dux主题代码模式在这两种编辑器中实现办法是不同的。
安装环境要求 推荐PHP 7.3~7.4，推荐MySQL 5.5~5.6；伪静态（固定链接），使用宝塔面板一键设置伪静态 为获得更好的使用体验，推荐选用Linux系统；
为了网站安全稳定速度快，老魏推荐选择宝塔面板搭建网站环境、阿里云服务器、腾讯云服务器部署主题；
入门主机配置 1核2G内存1M带宽，老魏建议选 2核4G内存1M带宽；
主题需要外网可访问的情况下才能激活，本地/内网服务器可能无法激活授权；
一、经典编辑器添加代码模式
经典编辑器要添加代码模式很简单，在内容编辑区域切换到 html模式，输入下面代码
< pre>你的代码< /pre>
中间放入你的代码，就可以了。
二、古腾堡编辑器添加代码模式
古腾堡编辑器需要先添加“代码”区块，然后把你的代码粘贴到区块中，就可以了。
三、Dux主题代码模式
下面是演示效果，不管放什么代码都会出现黑色背景，很醒目，也能很好地与普通内容区分开。
请点击查看解决CPU和负载长期100%满载的案例分享最下面的 UA规则，就是我们需要的代码模式了。
Dux主题仔细研究还是有不少小细节等着我们去发现的，感兴趣请看DUX主题详细介绍及DUX主题安装使用详细图文教程。