Silence - 专注于阅读的博客园主题

自定义博客园主题样式 基础实现 之前有记录自己自定义目录以及相关样式功能,感兴趣的可以看下 博客园如何设置目录生成&设置目录&设置标题背景色&修改标题背景色 在此基础上再加点捣鼓内容,实现主题样式透明化.增加侧边“分享”模块.标题级别显示设置 具体代码中会进行注释,可进行相应参考 内容比较粗略,将就看喽~ 透明化 效果 具体实现 ****************************************** 页面定制CSS代码 ************************

背景 最近觉得博客园网站太老旧了,不好看,并且没有移动端,于是想转到简书去写博客(主要简书有移动端),写出来的效果还是不满意,于是又回到了博客园,只能自己修改下博客主题了. 于是百度了下,找到了两篇参考博客: 主题修改参考了:一套简约漂亮的响应式博客园主题皮肤 添加目录参考了:让博客园博客自动生成章节目录索引 在他们的基础上做了相应的修改,值得注意的一点是,主题修改必须注意当前所使用的默认模板是什么,如果不一样可能会造成样式错乱,因为我发现博客园不同的官方主题之间有的存在HTML结构的差异.我这

实现代码高亮 那怎么使用呢?我是先向博客园申请了js代码的权限,申请入口还是在刚刚那个[设置]里: 我这里是批准了所以显示支持js代码,你们要想实现这个代码高亮,那就得先申请(希望博客园的管理员别打我 —..— ) 然后复制下面代码到[博客侧边栏公告]里: <script src="http://cdn.bootcss.com/jquery/2.2.0/jquery.min.js"></script> <script type="text/jav

主题预览 博客Favicon自定义 导航栏扩展 博客内部公告信息 首页轮播信息 侧边栏公告信息整合 博文发布信息位置调整 博文侧边目录 博文代码块复制 博文作者信息签名 博客捷径应用(更多实用功能正在探索) 博客主题夜间模式 Matlab语法高亮 移动底部功能栏 主题适配 清空主题配置,设置博客皮肤为Custom,确保自己已经开通了JS权限,按以下步骤完成适配: 页面定制CSS代码 页面定制CSS代码引用的是基础版的,为了不影响网页加载,建议直接将代码复制进页面定制CSS代码,而不是引用CSS文

文件目录 index.js readme.md theme acg acg.css acg.js readme.md light light.css light.js readme.md other themes ... 总体是怎么运行的 index.js index.js是入口文件,它将用户配置和默认配置合并然后将它放到window对象下,根据用户所选主题加载主题入口文件theme.js theme.js 使用window对象下的用户配置对象,构建主题 theme.css 主题样式文件 使用主

主题预览 博客首页 屏幕尺寸:1920 屏幕尺寸:1336 屏幕尺寸:360(手机端竖屏) 屏幕尺寸:360以上(手机端横屏) 博客正文 博客互动 博客评论 主题适配 1.清空后台所有配置: 2.选择博客皮肤为 Custom,并禁用模板默认CSS: 3.在页首html代码中,引入主题样式: <link rel="stylesheet" type="text/css" href="https://blog-static.cnblogs.com/file

第一步,上传自定义的css 在浏览器中直接打开https://files.cnblogs.com/files/JetpropelledSnake/cnblogs.css,然后按ctrl + s,即可将本人博客用到的自定义css下载下来.接着在博客的管理页面,找到文件选项卡,上传刚刚下载的文件: 上传之后,记下该文件的url,如上图中的红框所示.注:上图中的url为本人博客的自定义css文件地址,你在后面设置的时候虽然也可以用它,但是最好还是不用,万一将来我把这个文件删了,你的博客就访问不到这个c

样式覆盖 id选择器大于class选择器. 对于原主题中想要覆盖的id选择器,使用!import覆盖. 对于原主题中想要取消的css属性,使用inherit. 浮动元素 将position设置为fixed, 为了让组件可以浮动在其他组件之上,设置z-index. fuck me on github element.style { top: 0; right: 0; border: 0; z-index: 100; position: fixed; } 透明的输入框 设置background为tr

当我们在博客中写的东西比较多,或者文章层次比较明显,有很多层次结构,这时如果没有目录导航,将特别难以阅读.博客园有着非常个性化的个人定制功能,可以通过添加js代码实现这个功能,由于对jquery不熟,因此采用原生js来做的.考虑到一般使用二级目录就够了,因此代码只实现到二级目录.也可以很方便的更改代码,实现更多级别. 另外,当页面滚动到后面时,再返回目录区域也很累,因此在右下加添加了一个返回目录的按钮,随着页面往下滚动,按钮出现并固定. 以下贴上代码: //函数实现在父节点的最前面插入新的节点