搜索到
4
篇与
的结果
-
苹果代码块美化设置方法 程序员的博客里绝对不会缺少的东西一定是代码块，那么怎么把代码块打扮的美美的呢？介于前两天有同学问我，我的代码块是怎么美化的，那么今天我就出个我美化代码块的教程，主要分为三个步骤，分割关键字、添加额外标签和自定义美化css加载 js 分割代码关键字使用任意代码块分割插件自动将代码关键字加上相应标签，我这是使用的是一款名叫 prism 的插件<script src="//cdn.jsdelivr.net/gh/cetr/cdn@master/prism.min.js"></script> 动态添加代码块头部样式用 js 动态对每篇文章里的代码块加上顶部三个彩色圆点，用于美化uiif (!$('pre').hasClass('line-numbers')) { $('pre').addClass('line-numbers').before($( '<figcaption class="line-numbers-head">' + '<div class="custom-carbon">' + '<div class="custom-carbon-dot custom-carbon-dot--red"></div>' + '<div class="custom-carbon-dot custom-carbon-dot--yellow"></div>' + '<div class="custom-carbon-dot custom-carbon-dot--green"></div>' + '</div>' + '</figcaption>' )); } 自定义 css 样式自定义 css 给代码块及代码块里的文字添加样式code[class*="language-"], pre[class*="language-"] { color: black; background: none; text-shadow: 0 1px white; font-family: Consolas, Monaco, 'Andale Mono', 'Ubuntu Mono', monospace; font-size: 16px; text-align: left; white-space: pre; word-spacing: normal; word-break: normal; word-wrap: normal; line-height: 1.5; -moz-tab-size: 4; -o-tab-size: 4; tab-size: 4; -webkit-hyphens: none; -moz-hyphens: none; -ms-hyphens: none; hyphens: none; } pre[class*="language-"]::-moz-selection, pre[class*="language-"] ::-moz-selection, code[class*="language-"]::-moz-selection, code[class*="language-"] ::-moz-selection { text-shadow: none; } pre[class*="language-"]::selection, pre[class*="language-"] ::selection, code[class*="language-"]::selection, code[class*="language-"] ::selection { text-shadow: none; } @media print { code[class*="language-"], pre[class*="language-"] { text-shadow: none; } } /* Code blocks */ pre[class*="language-"] { padding: 1em; margin-bottom: 20px; overflow: auto; } :not(pre) > code[class*="language-"], pre[class*="language-"] { background: #f5f2f0; } :not(pre) > code[class*="language-"] { padding: .1em; border-radius: .3em; white-space: normal; } .token.comment, .token.prolog, .token.doctype, .token.cdata { color: #90a4ae; } .token.punctuation, .token.attr-name { color: #757575; } .token.namespace { opacity: .7; } .token.property, .token.tag, .token.boolean, .token.number, .token.constant, .token.symbol, .token.deleted { color: #f76d47; } .token.selector, .token.char, .token.builtin, .token.inserted { color: #be4dbc; } .token.keyword { color: #39adb5; } .token.operator, .token.entity, .token.url, .language-css .token.string, .style .token.string { color: #9a6e3a; } .token.atrule, .token.string, .token.attr-value { color: #4dc14c; } .token.function, .token.class-name { color: #6182b8; } .token.regex, .token.important, .token.variable { color: #eab700; } .token.parameter { color: #ee8019; } .token.important, .token.bold { font-weight: bold; } .token.italic { font-style: italic; } .token.entity { cursor: help; } figcaption.line-numbers-head { width: 100%; color: #8d949e; background-color: #f5f6f7; zoom: 1; border-top-left-radius: 0.25rem; border-top-right-radius: 0.25rem; } figcaption.line-numbers-head .custom-carbon-dot { display: inline-block; margin: 0 4px; border-radius: 50%; width: 10px; height: 10px; } figcaption.line-numbers-head .custom-carbon-dot--red { background-color: #ff5f56; } figcaption.line-numbers-head .custom-carbon-dot--yellow { background-color: #ffbd2e; } figcaption.line-numbers-head .custom-carbon-dot--green { background-color: #27c93f; } figcaption.line-numbers-head .custom-carbon { padding: 2px 0 0 9px; } pre.line-numbers { margin-top: 0; padding: 10px 1em 1em 1em; background-color: #f5f6f7; border-bottom-left-radius: 0.25rem; border-bottom-right-radius: 0.25rem; }
-
制作WIFI二维码，让苹果与安卓用户免密码秒连接！ 通常，在星巴克等咖啡店或是一些餐厅里，都会在贴上打印好的WiFi的帐号密码，方便提供给店里消费的顾客使用，但你觉得这样安全吗？也许附近的邻居只要记下你的WiFi密码，就可以直接免费上网，但我们要如何有效隐藏WiFi密码呢？通过学习本篇教程制作二维码，安全度相对高，也不需让顾客还要自己寻找店里的WiFi名称，轻松一扫就立即连上WIFI。制作二维码制作QR Code网站：https://qifi.org▼ 打开QR Code网站，在「SSID」输入WiFi名称，选择Encryption（加密）协议，这就要进入路由器设置查看你的WIFI网络是哪种协议，最后在「Key」栏位内直接输入WIFI密码，按下「Generate!」开始产生QR Code。▼ 就会产生一个对应此WIFI的二维码，将它列印出来，贴在店铺里醒目的位置，引导顾客扫描使用！ 扫描二维码链接WiFi方法iOS 用户如果是iOS 11用户，自带相机APP已经支持了二维码扫描功能，用相机的照片模式对准二维码就会跳出加入XXXXX网路提醒，点击一下，会询问是否要加入Wi-Fi网路？点选「加入」就可以立即连上WiFi。如果是iOS 11以下用户，可能需要从App Store 上下载第三方「二维码扫描」APP来使用。Android 用户直接下载「条码扫描器」APP来使用。 文章来源：https://www.nutgeek.com/wifi-login-qr-code/ -
-
进化：从苹果一代iPhone到iPhone5s 苹果iPhone自2007年诞生以来，已经过几代更新升级，在市场上的影响力也越来越大。就让我们一起来回顾从初代iPhone到iPhone5s的演变吧。以下为文章全文：▲2007年初代iPhone——iPhone 2G横空出世，搭载iPhone OS 1.0，惊艳世人，它的首发周末销量为70万。▲2008年，搭载着iPhone OS 2.0，iPhone 3G来了，它采用了新的设计，配备一颗200万像素的摄像头，而且App Store也增加了这款设备的吸引力。iPhone 3G的首发周末销量是100万。▲2009年iPhone 3GS发布，设备搭载的系统是iOS 3,主频600MHz，320万像素的摄像头，而且新增了指南针应用。首发周末销量为100万。▲2010年iPhone 4的发布可谓震惊业界。这款设备使用了Retina屏幕，326ppi，搭载iOS 4，首发周末销量为120万。▲2011年iPhone 4S发布，它配备了个人语音助理Siri，它运行的是iOS 5系统，首发周末销量为400万。▲2012年iPhone 5诞生，与前几代产品相比，这款设备最大的变化莫过于它的屏幕更大了。首发周末销量是500万。▲2013年对于苹果的iPhone和iOS系统来说可能是变化最多的一年。iOS系统采用了全新的设计风格，扁平多彩简洁；另外两款新的iPhone产品——iPhone5s和iPhone5c都给苹果的iPhone系列产品增加了更多颜色。iPhone 5s还有指纹传感器Touch ID以及M7协处理器。两款设备首发周末销量高达900万。
