帝国cms默认编辑器ckeditor-5，在格式下拉选项有一个"已编排格式"，当我们插入一段代码后，选择"已编排格式"，添加的代码行就会自动添加一个pre标签，下面是小编整理的关于如何在帝国cms中设置代码高亮的解决方案和思路...，方便新手站长们在利用帝国cms建网站的时候，可以少走一些弯路。...+ ) { paras[i].setAttribute("class","brush:php;toolbar:false"); } 提示：在不改变帝国cms任何文件的情况下...，使用SyntaxHighlighter实现代码高亮，这里我用了一段js在pre自动写入样式，默认代码段是php格式，如果你的网站html，或者css偏多，可以把brush:php这句改成brush:html
效果预览 让我们先来看一下实现代码高亮之后的效果图： ? 该片段摘取自这篇博客文章，纯黑色的背景，sublime text风格的高亮。...添加CSS代码 在设置-页面定制CSS代码中，粘贴如下代码即可： /* Monokai Sublime style....; } .hljs-comment, .hljs-deletion{ color: #75715e; } .hljs-meta{ color: #f92672; } 版权声明 本文首发链接为：
还有一周就是圣诞节了，现在出去街上基本上都有一些圣诞节的气氛 人在外地，一个人也不怎么出去，也就对圣诞节不怎么感冒，还是给博客搞搞气氛 前端滑稽上线~贴代码 <script type="text/javascript...*/ maxSize: 50,/* 定义雪花最大尺寸 */ newOn: 300 /* 定义密集程度，数字越小越密集 */ }); }); <em>代码</em>放哪里就不用我说了吧...，依赖 JQurey，如果没<em>效果</em>，请确认网页是否已载入 JQurey 之前也有一篇：WordPress博客网站下雪特效 两种<em>代码</em>都可以实现，自选，再分享一种简单<em>的</em>即时预览方法 很简单，在浏览器按下 F12...，然后在 console 里面粘贴一下 JS <em>代码</em>（不含前后<em>的</em> script 标签），然后回车执行即可看到<em>效果</em>了
效果 起因和动机 之前从其他博客哪里搬了一个樱花落叶效果。但是我本人不是很喜欢那个樱花，而且那个樱花效果太密集太大了。很影响阅读体验，可以说是一个负优化。...我这个人要求比较高，自然是很不满意这个效果，所以，我把代码稍微的改动了一下，达成了现在的效果。...将数量和大小降低，从而不是那么的挡视线而是一种装饰效果啦。总体来说这个JS的美观程度还是有的，但是部分博客可能不会太适配这个落叶，我下面也会教大家怎么改。...window.cancelAnimationFrame(stop); staticx = false } else { startSakura() } }; 将这段代码重整为...在JS代码的第三行将引入的图片文件替换为你想要的即可。
直接写出代码： import java.awt.AlphaComposite; import java.awt.Color; import java.awt.Font; import java.awt.FontMetrics...com.sun.image.codec.jpeg.JPEGEncodeParam; import com.sun.image.codec.jpeg.JPEGImageEncoder; /** * * @项目名 ssh * @功能 为图片添加水印效果...private ImageWaterMark() { } /** * 得到网站默认水印的缓存图�?...�输出流输出加水印后的图�? * * @param img * 图片 * @param content * 水印文字 * @param stream * 输出�?...content, OutputStream stream) { outPutWebImageString(img, content, stream, 0.3f, 1.0f, 16, "隶书"); } /** * 创建水印图片保存到输出流
再将生成的 html标签插入到原来代码的位置，然后再用 markdown将处理之后的文档整个解析为 html文档即可。...四、遇到的问题 1、如何将上色后的代码放回原位 一开始我想直接使用占位符替换原来的代码，然后再根据占位符来将代码插入回原来的位置。...2、如何显示行号 pygments是可以自动生成带行号的 html标签的（只需要将 lineno设置为 True 即可）。...但是我发现 pygments生成的 html标签其实是一个 1行 2列的表格，一列用来显示行号，一列用来显示代码。...解决办法是：自定义一个 formatter来生成自定义的代码块，这里我用了两个 ol标签，一个用来包裹行号，另一个用来包裹代码标签。
现在冬天下雪已经是很常见的事情了，为了应景，我们可以为我们的网站增加雪花飘落的效果，这个应该还是很不错的。实现的方法还是比较简单的，只需要简单的三步就可以了，现将方法分享一下。...效果展示 很简单，在浏览器按下 F12，然后在 console 里面粘贴一下 JS 代码（不含前后的 script 标签），然后回车执行即可看到效果 下面是5种效果 直接引用即可 冬天过节网站雪花飘落代码...JS特效 添加教程 5种效果+效果展示 雪花飘落效果 (function($){ $.fn.snow = function(options
大家好，又见面了，我是你们的朋友全栈君。...,我从代码中设置了Button的宽度和高度： button.getLayoutParams().width = myWidth; button.getLayoutParams().height = myHeight...colorAccent” /> 这按预期工作,未选中时按钮为空圆圈,选中时为实心圆圈. 问题是我无法在此行为之上添加涟漪效应....button_unchecked” android:state_checked=”false” /> 这种方法存在多个问题： >背景形状被涟漪完全覆盖,它们不再可见(无论它们是否被检查) 背景形状应该保持不变,我只想在点击按钮时添加涟漪效果...(选中或取消选中) >涟漪效应的半径太大,它们相互重叠 纹波半径应与我的按钮半径相同.
所以我们需要把这些公用的东西总结成代码块，供我们以后的快捷使用。...property(nonatomic,strong)NSNumber *number; @property(nonatomic,strong)NSArray *array; 具体步骤： 将我们需要重复使用的代码块全部选中拖到下图右下角的...image 拖进去之后Xocde就会弹出一个信息界面，需要填入一些基本信息 image title:代码标题 summary:代码描述 platform:使用代码的平台，有IOS、OS X、...All三个选项，一般选All Language:在哪些语言中使用该代码 Completion Shortcut:代码的快捷方式，比如当我敲@pro时，Xcode就会提示我: image Completion...Scopes:代码使用范围，比如h文件还是m文件，一般选All 空白区域是对代码的效果展示 image 最后出现在界面中就是如下： image
Vue.js作为一种流行的JavaScript框架，提供了强大的动画支持，使开发人员能够轻松地为其应用程序添加令人印象深刻的动画效果。...本文将向您展示如何在Vue.js应用中利用这些功能，提高用户体验，同时也为您的网站增加一些额外的SEO价值。 1....您可以使用包装任何元素，从而实现动画效果的添加。...3.2 合理使用动画 不要过度使用动画效果，以免干扰用户体验。确保动画是与内容相关的，而不是为了炫耀而添加的。 4....总结 通过使用Vue.js的动画特性，您可以为您的Web应用程序添加引人注目的动画效果，提高用户体验。同时，通过优化这些动画以提高SEO，您可以确保您的网站在搜索引擎中获得更好的排名。
我们大可不必理解为何要这样（其实也不难理解），只要知道，这个东西的存在所带来的好处是：高亮搜索结果（这Jeff 自编的），让你的搜索结果显示不一样，从而吸引点击，带来流量。...本文所讲的以谷歌的为基础，不要问我百度支不支持这个Rich Snippets，国内这个闭关锁国的搜索引擎我从来不屑一顾。 结构化数据 英文是 structured data 。...面包屑Breadcrumb（路径）的部署 确保你的主题已经有面包屑导航，没有可以参考《WordPress免插件仅代码实现面包屑导航》一文添加。... 结构化数据测试工具效果如下： ? ? 不过让我纳闷的是，我在主题上部署了相关代码， 结构化数据测试工具也可以正常显示，但在搜索引擎结果中一直不出现。...评论评分（投票）的部署 在WordPress 中实现投票的话需要借助插件来，一些WordPress 投票插件已经很好解决了结构化数据的问题，只要使用它们的投票插件，如果正常就可以在搜索引擎中显示，不必自己去添加代码
特别提醒，要查看添加后的效果，可以使用谷歌的 结构化数据测试工具 ，提示务必清楚这一点，即使测试成功，能否在搜索引擎上面显示仍然是未知数，谷歌有自己的算法判断信息是否有效。...评论的部署 添加itemscrope类型值”http://schema.org/Review”,修改comment.php相关代码为： <li id="comment-<?...href和text, 修改相关<em>代码</em><em>为</em>： <em>添加</em>itemprop类型" datePublished ",修改相关代码为： " /> 添加itemprop类型"reviewBody",修改相关代码为： <?
0.准备工作 查看版本 pod --version 1.上传项目源码 把项目源码上传到gitHub仓库再clone到本地(以ZJRefreshControl为例)， 如果项目本来就在gitHub的仓库中...8 and iOS 10 如果要提交的组件为swift5.0的 就必须满足以下条件 CocoaPods 升级为 1.1.0 及以上 配置文件中添加s.swift_version='5.0' 详细介绍...仓库 来缩短pod install的时间 pod install --verbose --no-repo-update 误区install or update 当我们添加新的库的时候，我们要下载库，用的命令是...pod install,而不是pod update,因为在第一次pod install后，我们的项目中会生成一个Podfile.lock的文件，他的作用是记录我们新添加库的版本信息，这样的话，如果用pod...update，就会下载新版本的库，导致所有代码都要进行更改，这时Podfile.lock也会重新生成 总之 添加库时一定要用pod install命令
代码中使用UIButton //实例化一个按钮 UIButton *button = [[UIButton alloc] init]; //设置按钮的frame button.frame = CGRectMake...UIControlStateNormal]; [button setTitleColor:[UIColor grayColor] forState:UIControlStateNormal]; //设置按钮高亮状态下的文字和文字颜色...removeButton; 添加按钮的点击事件 - 定义一些位置的常量和变量 //总列数 NSInteger allCols = 3; //商品的长度和宽度 CGFloat width = 100...x = (hMargin + width) * (index % allCols); CGFloat y = (vMargin + height) * (index / allCols); - 创建商品添加到购物车...self.addButton.enabled = YES; //如果购物车商品的数量为0，要设置删除按钮为不可点击 button.enabled = (self.shopCarView.subviews.count
) 修改 | ② 缩放 ( 创建 ) 修改 | ③ 角度 ( 创建 ) 修改 ) ( 8 ) 代码示例 ( 9 ) 效果展示 3....UIButton 详解 ( 1 ) 修改控件状态 ---- ( 2 ) 代码创建按钮并绑定事件 ---- 代码创建按钮并绑定事件 : 1.创建 UIButton 按钮 : ---- 二....默认背景图片, 高亮状态背景图片, 并设置其类型为 定制类型, 不要点上去 高亮状态变为半透明; 设置按钮高亮状态下的属性, 注意在 Control 中的 Content 属性需要勾选 Highlighted...= [UIColor blueColor]; ; 上述代码将父控件背景颜色修改为 蓝色; 2.添加按钮 ( 功能 修改父控件 随机 背景变颜色 ) : ① 添加UIButton控件 : 添加一个 UIButton...]; ; 4.将按钮添加到布局中 : 使用 父控件的 addSubView 方法即可, [self.mainView addSubview:button]; ; 5.为按钮添加点击事件 : 调用 UIButton
Affinity Designer Affinity Designer是最快、最流畅、最精确的矢量图形设计软件。建立起来的每一个功能、工具、面板都是以专业创意设计人员的需求为核心而开发的。...Mockplus Mockplus的灵魂是“简单”和“快”，产品设计师只需要5分钟即可创建交互原型图和线框图，封装了海量常用的交互组件和图标素材，界面设计和交互设计都只需要拖拽鼠标即可，提供8种预览，可在手机端查看设计效果...PaintCode 通过PaintCode，即使是没有编程经验的设计师也能绘制出精美的控件、图标及其他UI元素。...开发类工具 Sublime Text Sublime Text 是一个代码编辑器，也是HTML和散文先进的文本编辑器，支持多种编程语言的语法高亮、拥有优秀的代码自动完成功能，按Table键补全。...Blocs Blocs是一个快速，易上手和功能强大的可视化网页设计工具，可让您创建简洁而现代的网站，而无需编写代码。巧妙地设计，以适应完整的初学者或那些熟悉网页设计。 ?
; -- 高亮 : UI 控件突出显示, 处于高亮状态; 手放在按钮上处于高亮状态; -- 禁用 : UI 控件关闭后, 处于禁用状态; 禁用状态的控件不可操作, 禁用操作在 Interface Builder..., 显示简短的说明信息, 效果如下 : -- Add Contact : 显示 + 按钮, 常用于添加内容, 效果如图 : (2) State Config 属性 UIButton 状态 : 每种状态都可以设置不同的...; 为不同状态的 UIButton 设置样式 : -- "setTittle : forState :" 方法 : UIButton 不同状态 设置不同的标题; -- "setTittleColor...按钮示例 (1) 创建 Detail Disclosure 按钮 创建 Detail Disclosure 按钮 : UIButton 的 Type 属性类型是 Detail Disclosure;...(2) 创建 Add Contact 按钮 创建 Add Contact 按钮 : 设置 UIButton 的 Type 属性类型是 Add Contact; (3) 创建 Info Light |
版权声明：本文为博主原创文章，未经博主允许不得转载。...代码： 首先自定义个tabBar,这个tabBar是继承自UITabBar的。然后将系统的tabBar替换。...- (UIButton *)plushBtn{ if (_plushBtn == nil) { UIButton * plustBtn = [UIButton buttonWithType:...我可以在tabBarController上添加五个（以微博为例）子控制器（正好tabBar上tabBarButton的位置不用调整了），然后在中间的位置上添加一个自己定义的按钮作为发送按钮。...这样同样实现了我们所想要的效果。不知这种方法可取吗？如有人看了我的疑问且有好的回答，愿写下您的回答。谢谢！
//按钮初始化类方法 UIButton *button1 = [UIButton buttonWithType:UIButtonTypeRoundedRect];//这里创建一个圆角矩形的按钮 //按钮初始化实例方法... = 0x00FF0000, 当应用程序标志时 UIControlStateReserved = 0xFF000000 为内部框架预留，可以不管他 }; 注意： 默认情况下，当按钮高亮的情况下...，图像的颜色会被画深一点，如果这下面的这个属性设置为no， 那么可以去掉这个功能 button1.adjustsImageWhenHighlighted = NO; //跟上面的情况一样，默认情况下...，当按钮禁用的时候，图像会被画得深一点，设置NO可以取消设置 button1.adjustsImageWhenDisabled = NO; //下面的这个属性设置为yes的状态下，按钮按下会发光 button1...有：表示调用有参数的doSome 没: 则表示调用没参数的 同理action:@selector(doSome:asd:) 调用- doSome: xx asd:xx; //取消按钮已经添加的所有事件
最近版本的一个需求是给首页添加新人蒙版，类似的效果图如下图所示。 首页第一层蒙版的效果图 ? 首页蒙层 首页第二层的蒙版效果图 ? 首页蒙层2 个人中心的蒙版效果图 ?...我们创建一个继承于 UIView 的类名字叫做GBBaseMaskView类用于封装我们指引的共同点。...当是看了代码写法都很正常，并且类似的写法在 新人蒙版指引的需求上就表现的很正常，为什么在 新人大礼包的需求上面就表现不正常，时而出现时而不出现的。 我感觉这个需求的类代码有毒。...于是我在 dealloc的方法添加了 Log信息，果然竟然走了 dealloc的方法。 虽然我创建的局部变量，但是我通过 addSubView方法已经添加到试图上面了。...我也是通过 PaintCode这个软件做出来，再设置的。
领取专属 10元无门槛券
手把手带您无忧上云
云服务器
即时通信 IM
ICP备案
对象存储
实时音视频
