由于Flarum默认的行内代码块长这样羚羊公子博客 lygzblog.cn，这样不仅页面展示的效果不美观而且不好看，所有经过搜索查询，Flarum有一个扩展叫【FFans Clipboardjs】,可以提供代码块快速复制以及自动识别编程语言，然后进行展示，但是默认的样式太宽了，导致页面并不美观，所以我自己进行了样式优化，接下来就看看教程如何安装然后进行使用以及优化它！
一、介绍
FFans Clipboardjs
作者：Golden
GitHub：https://github.com/ffans/clipboardjs
描述：使用Clipboardjs将带有代码语言显示的复制代码方法添加到Flarum。您可以选择7种不同的按钮样式，如GitHub，SegmentFault等。默认支持47种通用语言： .properties，apachconf，bash，bbcode，c，csharp，css，cpp，coffeescript，diff，django，docker，dockerfile，git，go，html，ini，java，javadoc，js，json，less，lua，makefile，markdown，nginx，objectivec，perl，php，powershell，properties，python，python-repl，regex，ruby，rust，sass，scss，sql，stylus，swift，typescript，Vim，visual-basic，vue，xml，yaml.
二、安装
安装命令：
composer require ffans/clipboardjs
更新命令：
ccomposer update ffans/clipboardjs
清除缓存命令：
php flarum cache:clear
三、开启扩展并优化样式
样式优化代码：
@media screen and (max-width: 768px){
pre[class*=language-] {
padding-left: 0px!important;
}
}
pre[class*=language-] {
padding: 0px 0px !important;
}
不同名称按钮所呈现的效果！
四、使用命令及优化效果对比
使用命令：
[code] [ /code]
