- 综合排序
- 最热优先
- 最新优先
- 来自专栏源码分享
WordPress及其他网站侧边栏美化实用代码指南
美化教程有时候网站侧边栏默认的光秃秃，看起来比较单调，这个时候可以用一些代码进行美化来访信息美化可以看到某些博客网站侧边有来访信息的小工具下面以WordPress博客为例，进入外观→小工具→自定义HTML arial,sans-serif; overflow: hidden; background: url(https://dh.lt6.ltd/assets/images/T1.lJGFlVcXXa6Q3bb tp.html" target="_blank">
<a class="j-trigger" id="tabpic4" onmouseout="showpic 否则不会生效，保存成功后返回首页刷新看看效果吧~导航以及其他网站，请将<em>代码</em>放在index文件合适位置，具体自测！41710编辑于 2025-06-25 - 来自专栏小狐狸说事
css3美化半个字符 代码教程
CSS不仅是一种技术，也是一种艺术，如果你运用的好，可以用它创造出各种神奇的效果，随着现代浏览器技术的进步，CSS3的革新，也给了程序员更大的空间和可能性来发挥自己的奇思妙想。 当然，大家都知道，不论是中文字符还是西文字符，单个字符否是无法拆分的，它们是文字的最新单元，如果是美化半个词或半个句子，这估计大家都知道如何做，也很常见。但半个字符如何美化呢？
56620编辑于 2023-01-04 - 来自专栏强仔博客
全局樱花美化代码
全局樱花飘落代码，效果看此页面，美化网站，博客之类的必备，可自建js库，也可以直接引用我这个。 代码食用 <script src="https://q6q.cc/api/yinghua/yinghua.js"></script> 结语 我的博客即将同步至腾讯云+社区，邀请大家一同入驻：https:
1.6K10编辑于 2021-12-20 - 来自专栏code秘密花园
代码美化的艺术
为了衬托“艺术”二字，可能叫“代码美化”更贴切一点，但是本文的深度远没有标题那么宏大。 在我看来，代码质量不仅体现在逻辑上，也要体现在形式上。 尤其前端代码，在日渐复杂的单页面开发中，代码格式化不仅是为了美观，也是为了更好的阅读及检查。关于代码的格式化并没有统一的标准，每个人都有自己的见解，所以本文的目的以探讨和推荐为主。 可能很少有人会去考虑这方面的问题，毕竟美化插件都是现成的，比如常用的 Prettier，只要一个快捷键就可以迅速格式化，但是代码格式化插件的标准并不一定是最好的。 本文范例主要以 Angular 为主，但是代码美化的建议同样适用于 React 和 Vue。 每行代码多少字符合适？ 关于代码字符数一直是一个争论不休的问题。 总结 代码美化只是一种形式，它不会对逻辑产生任何影响，但是好的代码格式会间接影响我们编码的速度，甚至影响到代码的质量。
2.2K20发布于 2019-09-25 - 来自专栏前端新视界
代码美化的艺术
为了衬托“艺术”二字，可能叫“代码美化”更贴切一点，但是本文的深度远没有标题那么宏大。 在我看来，代码质量不仅体现在逻辑上，也要体现在形式上。 尤其前端代码，在日渐复杂的单页面开发中，代码格式化不仅是为了美观，也是为了更好的阅读及检查。关于代码的格式化并没有统一的标准，每个人都有自己的见解，所以本文的目的以探讨和推荐为主。 可能很少有人会去考虑这方面的问题，毕竟美化插件都是现成的，比如常用的 Prettier，只要一个快捷键就可以迅速格式化，但是代码格式化插件的标准并不一定是最好的。 本文范例主要以 Angular 为主，但是代码美化的建议同样适用于 React 和 Vue。 总结 代码美化只是一种形式，它不会对逻辑产生任何影响，但是好的代码格式会间接影响我们编码的速度，甚至影响到代码的质量。 本文篇幅有限，也有很多不当之处，如果读者对代码美化有更好的建议，欢迎留言评论。
2.2K20发布于 2019-09-29 - 来自专栏傲绝
Handsome主题美化代码
将以下代码添加至后台主题设置 自定义CSS。. 将以下代码添加至后台主题设置 自定义CSS。. 将以下代码添加至后台主题设置 自定义CSS。. 将以下代码添加至后台主题设置 自定义CSS。. linear infinite; -moz-animation: rotation 3s linear infinite; -webkit-animation: rotation 3s linear
1.5K40编辑于 2023-03-08 - 来自专栏卓越笔记
HTML highlight 代码前端高亮、代码美化
参考资料： 1. highlightjs 官方使用文档 2. highlightjs 代码各种风格 3. ckeditor 代码高亮插件 Code Snippet 官方使用文档 4. /设置高亮风格, 如果不设置着默认风格为default config.codeSnippet_theme = 'monokai_sublime'; }; # 富文本编辑器中显示出来的输入的代码按钮 Django collectstatic 后的 static_root 路径：joyoo\static_root\ckeditor\ckeditor\config.js，如果想在 debug 模式下显示 代码按钮 可以修改成自己喜欢的样式，css 文件路径：joyoo\static_root\ckeditor\ckeditor\plugins\codesnippet\lib\highlight\styles，前端代码高亮还可以使用
3.4K20编辑于 2023-02-16 - 来自专栏技术开源分享
Jsbeautifier JS代码美化库
介绍 Jsbeautifier是一款JS代码美化工具，常用地址如下 官网 http://jsbeautifier.org/ GitHub地址 https://github.com/beautify-web js-beautify C# Jsbeautifier https://github.com/denis-ivanov/Jsbeautifier 使用场景 1、为了防止别人窥探Js,我们通过会对代码进行压缩 ，这种压缩在一定程序上可以阻止一部分人对代码的查看。 使用教程 打开网址http://jsbeautifier.org/，界面如下 image.png 1、选择需要美化的类型，如果不选择，会自动判断。 推荐选择 2、设置美化配置，一般不变，使用默认配置 3、将内容放入操作区中，点击按钮，在当前操作区内即可以得到美化后的内容 按钮.png 其他库使用 image.png
7.2K40发布于 2018-10-31 - 来自专栏花猪的学习记录
HexoMAC代码框样式美化
前言 本文将介绍如何美化MAC代码框。
2.2K10编辑于 2022-02-22 - 来自专栏梦魇小栈
Hexo 博客美化代码块
最近有人问我博客的代码块是怎么做的，如下面的代码块，然后好久没有写文章了，趁着周末有时间就水一篇吧~ var arr = 'abcdaabc'; var info = arr .split(' ') .reduce((p, k) => (p[k]++ || (p[k] = 1), p), {}); console.log(info); //{ a: 3, b: 2, c: 2, d: deployAfter', function () { //当deploy完成后执行备份 doSomething(); }); } catch (e) { console.log("产生了一个错误<(￣3￣ ，错误详情为：" + e.toString()); } 代码块也是利用了 hexo 的 api，是在主题目录下面的 scripts 文件夹，我创建了一个 codeblock.js 文件。 20px 0px #fdbc40, 40px 0px #35cd4b; box-shadow: 20px 0px #fdbc40, 40px 0px #35cd4b; z-index: 3;
4.8K30发布于 2018-10-31 - 来自专栏前端说吧
css - 美化效果 代码汇总
top, left bottom, from(transparent), color-stop(0%, transparent), to(rgba(250, 250, 250, .1))); 文字填充和美化 color-stop(0%, transparent), to(rgba(250, 250, 250, .1))); background: -webkit-linear-gradient(top, #FFEB3B 37%,#009688 66%,#FFC107 65%,#FFEB3B 100%); /* 实际是背景色渐变，但是只展示文字区域的背景色。
2K10发布于 2018-09-20 - 来自专栏Go工具箱
3个实用重构技术，改进你的代码
代码重构是在不改变外部功能的情况下对现有代码进行改进。它是编程的核心部分之一，不容忽视。否则，您就无法获得更好的代码版本。代码重构可以增强代码的可读性、可维护性和可扩展性。 技术1：提取方法 此方法包括将代码块转换为单独的方法/函数。这样做是为了改进代码的结构和可读性。它是通过将长而复杂的代码块提取成更小、更易于管理的方法来实现的。 32; if (temperature > FREEZING_POINT) { // Do something if temperature is above freezing } 技术3： 合并重复的代码 重复或相同的代码可能出现在不同位置的代码中。 这个代码不需要完全相同，但它可以执行类似的任务，或者从原始代码进一步扩展。重复的代码可能会导致几个问题：包括增加维护成本、难以更改代码库以及引入错误的更高风险。在重构代码时，您必须注意重复的代码。
61820编辑于 2023-08-28 - 来自专栏python爬虫教程
博客园(cnblogs)代码美化
使用博客自带的编辑器过于简单，无法做到代码高亮及标题样式美化。 通过以下设置可以美化文章排版问题。 下载OpenLiveWriter客户端并安装高亮插件 1. 已停止工作]，需要安装.net framework4.6+版本，地址如下 https://dotnet.microsoft.com/download/dotnet-framework/net472 3. 下载代码高亮插件 Memento.OLW_V1.0.0.5.7z https://files.cnblogs.com/files/memento/Memento.OLW_V1.0.0.5.7z 发布后即可看到代码高亮效果 标题样式(css)美化 我们在[管理]-->[设置]-->[博客设置]-->[页面定制CSS代码]粘贴如下面的代码，当然也可以根据自己喜好定制 #cnblogs_post_body important; padding: 8px 0 5px 5px; text-shadow: 2px 2px 3px #222222; } #cnblogs_post_body h3
1.8K10编辑于 2022-08-20 - 来自专栏小狐狸说事
底部关于我们美化代码
底部关于我们美化代码 ---- 效果图 后台底部模块设置 底部第一层背景颜色1a1a1a 底部第二层背景颜色232323 底部背景图片请上传 头部HTML标签（新建了个icon库存储新图标） <script stylesheet" type="text/css" href="//at.alicdn.com/t/font_3133075_wsm2usco9v.css" /> 外观小工具底部加上自定义html代码 54px; line-height:1.24; font-family:Impact; font-weight:400 } .ffooter-menus .ewms .like h3 position:absolute; left:50%; bottom:200%; background:#1d1f20; -webkit-border-radius:3px ; border-radius:3px; -webkit-box-shadow:0 16px 32px 0 rgba(0, 0, 0, .1); box-shadow:0 16px
3.1K30编辑于 2022-11-17 - 来自专栏前端西瓜哥的前端文章
使用 Prettier 美化你的代码
Prettier 是一款流行的代码格式化工具。它支持的语言相当多。 它很纯粹，就一个代码格式化工具，并不会做代码质量的检查（比如声明了一个未被使用的变量）。 Prettier 和 ESLint 比较 ESLint 是一种 Linter，能够分析代码并准确定位错误。它支持 代码质量 以及 代码风格 的检查。 我用 ESLint 写新的功能时，因为代码是半成品，总能看到一堆的错误提示，体验确实不好。 总的来说，Prettier 只做代码格式化；ESLint 既能做代码质量检查，也能做代码风格检查和修正。 一般来说，项目最好加上 ESLint，这对我们改善代码质量很有帮助。对于代码格式化，我们可以用 ESLint 或是 Prettier。 这类的 Formatter 才应该做代码格式化工作。
2.4K10编辑于 2022-12-21 - 来自专栏幻影龙王
网站美化代码系列（持续更新）
网站美化终极奥秘：创作第一，体验第二，避免繁杂，简洁为上！ 便宜技术猫贴心的为大家托管了文件,采用CDN加速,为小白省去了代码放置烦恼! 本文章会不定时进行更新。 在网站代码放置处或直接在源代码文件添加代码 鼠标点击爱心效果 <! -- 雪花飘落效果样式一 --> <script type="text/javascript" src="https://api.azpay.cn/729/<em>3</em>.js"></script> 网站雪花飘落效果二
2.5K30发布于 2021-09-08 - 来自专栏静晴轩
使用ESLint ＆ Prettier美化Vue代码
备注，此文首发于使用 Vuepress 搭建的新 Web 应用：静晴轩别苑；如果您对此感兴趣，可以移步查看：使用ESLint ＆ Prettier美化Vue代码。 本文就如何使用 ESLint ＆ Prettier，来格式并美化 Vue 代码做下探讨；如果您使用其他类型框架，这份经验绝大部份依旧适用。 正如在 开箱即用的 Vue Webpack 脚手架模版 所倡导的：vue-cli3在这个版本，它集成了更多丰富的功能，以及更多默认配置，可通过附带的图形用户界面创建、开发和管理项目… 而且已发布 RC 版本，核心功能已准备就绪，API 已趋于稳定，所以，建议采用 vue-cli3 来创建您的项目；您只需运行 vue create my-project 命令，接下来按照提示进行选择即可；为了您的项目可持续性愉快进行 Configuring Prettier Options & eslint-plugin-prettier#options；依据个人编码习惯，有采取如下配置 ( 可在 awesome-vue-cli3-
3.8K71发布于 2018-06-19 Hexo之Next主题美化代码
我分别美化了几个不同版本的Next主题，这里把美化代码公布出来，第一种Next版本小于7.3可使用 直接修改 \themes\next\source\css\_custom 将以下美化过程复制到custom.styl ******************************************************************************************** // 全局布局美化代码 (美化,h2 h3标签,美化代码栏,一二级菜单美化等) // *************************************************************** ; } // 代码框的美化代码 .highlight { border-radius: 1px; background-color: rgb(246, 248, 250); overflow posts-expand .post-title-link { color: #d9534f; } .posts-expand .post-title { color: #d9534f; } // 代码框的美化代码
2.4K20编辑于 2022-12-28- 来自专栏卓越笔记
html prism.js 代码前端高亮、代码美化
'width': 'auto', 'height': '480px', 'tabSpaces': 4, # 插件 # prism：代码高亮 、代码行数 # uploadimage：允许用户直接在编辑器里粘贴（ctrl + v）图片 # codesnippet：添加代码块的功能 'extraPlugins ': ','.join(['codesnippet', 'uploadimage', 'prism', 'widget', 'lineutils', ]), }, } 前端高亮代码配置 * 内容必须是代码块，即含有 pre 标签，再选择代码语言，不选择代码语言默认黑白框 * 去 prismjs 官网下载 css 和 js 文件：选择你喜欢的主题，勾选支持的语言，以及选择 Line Highlight
4.3K51编辑于 2023-02-18 - 来自专栏张俊红
美化Matplotlib的3个小技巧
但是想要完全控制可视化就需要编写更多的代码。 在本文中，我们将介绍3个可以用于定制Matplotlib图表的技巧： 减少x轴或y轴上的刻度数 添加一个辅助y轴 共享x轴的子图坐标对齐 本文中我们将使用折线图为例，但这些技巧也可以应用于其他类型的图。 例如下面的代码行创建了一个包含4个子图的2x2网格图。 fig, (ax1, ax2, ax3, ax4) = plt.subplots(nrows=2, ncols=2) 使用nrows和ncols参数自定义网格的大小。 以上就是3个Matplotlib可视化的小技巧，这些技巧肯定会帮助你创建信息更丰富、功能更强大的数据可视化图表。
1.8K20编辑于 2022-10-09
腾讯云开发者
Copyright © 2013 - 2026 Tencent Cloud. All Rights Reserved. 腾讯云 版权所有
深圳市腾讯计算机系统有限公司 ICP备案/许可证号：粤B2-20090059 
粤公网安备44030502008569号
腾讯云计算（北京）有限责任公司 京ICP证150476号 | 京ICP备11018762号