随笔分类 - Cnblog
摘要：标题 带公式的标题 \(\sqrt[n]{ab}\) 代码块 <?php require_once 'db.php'; $pageNow = 1;//当前页 $pageSize = 5;//一页多少行 $lineCount = 0;//总记录书 $pageCount = 0;//总页数 if(iss
阅读全文
摘要：段落格式 博客园 创建于 2004 年 1 月，博客园诞生于江苏扬州这样一个 IT 非常落后的小城市，城市虽小，但是这里却有很多求知创新的人，博客园诞生的理由是如此简单。 一个IT技术人员想为IT技术人员们提供一个纯净的技术交流空间，博客园很长时间只有一个不能再简单的博客，有近四年，博客园仅靠一个人
阅读全文
摘要：前置 Vite 是一种新型前端构建工具，能够显著提升前端开发体验。Vite 十分适合 awescnb 的架构，最近，我将 awescnb 重构完成，现在可以更加愉快地构建博客园皮肤了。 环境准备 Node.js 点击下载 Git 点击下载 推荐 vscode 点击下载 准备工作 将 awescnb
阅读全文
摘要：效果 使用方法 如果您使用博客园的 Markdown 编辑器，借助 HTML5 的 detail 标签就可以轻松实现。 <details> <summary>标题</summary> </details> 在 summary 标签之间填写标题 在 summary 之后加入要折叠的内容 请注意：在要折
阅读全文
摘要：🎨 Awescnb, awesome cnblog. 简介 可能许多初来乍到的新手会被博客园经典的风格劝退，或者你是一位老园友，需要为你的博客定制一些功能而不想浪费太多时间。发布这个项目的目的就是希望园友能够通过前端工程化的方式轻易地构建一个博客园皮肤。awescnb 不仅仅是一套博客园皮肤，它内
阅读全文
摘要：前置 由于之前构建的皮肤 reacg 偏二次元风，尽管提供了大量配置(包括几乎任何颜色、插件等的配置)，依然有人吐槽花里胡哨，遂重新构建了一款简约风格的博客园皮肤, 正如你所见。下文我将从零介绍它的构建过程，构建它最快花费一个小时到几个小时。由于之前做了大量工作，所以现在按照流程走一遍就完事了。 准
阅读全文
摘要：前置 最近写了几篇随笔，大家都不看内容，讨论博客皮肤 😂，满足你们。以下所有功能都可作为一个插件使用，你可以将它迁移到你的博客，代码仓库地址在文末。或者使用 "awescnb" 将这些插件集成到你现有的博客园皮肤。若有错误，恳请指点一二，感激不尽。欢迎评论区友善交流。另外插件还在不断扩充与完善。
阅读全文
摘要：前置 自定义博客园样式需要一下几部分 页面定制 CSS 代码 博客侧边栏公告（支持 HTML 代码） （支持 JS 代码） 页首 HTML 代码 页脚 HTML 代码 你可能不熟悉 页首 HTML 代码 ，可以在此处放入一个 loading，因为页面加载时会最先加载这部分。总之， 页面定制 CSS
阅读全文
摘要：手写一个文章目录插件。 兼容博客园 markdown 和 TinyMCE 编辑器 给标题添加活跃样式 可选的固定位置 插件的配置 catalog: { enable: true, position: 'left', }, enable 是否启用 position 目录固定的位置 left 固定在左侧
阅读全文
摘要：Awescnb ⛷ Awescnb, awesome cnblog 使博客园更加美好。 简介 项目完全使用博客园自带的 jquery 和原生 js 构建, 没有引入第三方框架, 使用 webpack4 打包, 可本地调试. 同时集成大量博客插件(仅引入即可), 使构建博客园皮肤更简单.你可以用它做以
阅读全文
摘要：" " 前置 正如你所见,我现在用的这个博客皮肤,在没优化之前帧率会降到个位数. 现在与之相比,是不是好很多呀? 下面将从滚动 scroll 优化这一方面展开,主要说一下思路. 只在极少情况下会降到 30fps,一般稳定在 55 60fps. 头部导航条 头部导航条会监听滚动条上下滚动的方向随之展开
阅读全文
摘要：" " 简介 干巴巴写一个博客园皮肤不是一件容易的事. 因为你无法像用前端框架写代码那样在本地调试你的 js, 所以我用空闲时间写了这个小项目. 1. 你可以使用它创建自己的博客园皮肤.最后打包生成的的 js 文件,供你自己使用. 2. 你可以安装这个项目中的皮肤在你的博客园.这不是一个简单的博客园
阅读全文
摘要：项目已经使用 webpack 重构，不用往下看了， 请点击跳转到新文章。 产生 博客园第三方主题数不胜数，或者你也为你的博客园作了一些优化，接下来无论如何你都可以将你已经存在的代码稍作修改（无非就是建一个文件夹，修改一下文件名）加入这个仓库，安装过的人都可以互相共享主题样式。ok，先放个效果GIF，
阅读全文