GShang博客园主题基础版本适配教程详解

主题预览

博客首页

屏幕尺寸：1920


屏幕尺寸：1336

屏幕尺寸：360（手机端竖屏）

屏幕尺寸：360以上（手机端横屏）

博客正文

博客互动

博客评论

主题适配

1.清空后台所有配置；

2.选择博客皮肤为 Custom，并禁用模板默认CSS；

3.在页首html代码中，引入主题样式：

<link rel="stylesheet" type="text/css" href="https://blog-static.cnblogs.com/files/gshang/gshang.2019.10.27.1.css"/>

4.保存配置，查看适配效果。

说明

后期主题可能会更新，文件命名形式为如下格式：

gshang.2019.10.27.1.css

即日期和当天改动版本次数。

原文地址：https://www.cnblogs.com/gshang/p/11747824.html

时间： 2024-08-29 09:50:42

GShang博客园主题基础版本适配教程详解的相关文章

GShang博客园主题高级版本适配教程详解

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

自定义博客园主题样式

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

自定义博客园主题和自动生成目录

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

自己写了一套博客园主题合集

文件目录 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 主题样式文件 使用主

博客园主题样式修改教程

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

python模拟博客园登录-基础版

mport timeimport inspectfrom functools import wrapsuser_status = {'username': None,'status': False} dic1 = { 1: '登录', 2: '注册', 3: '文章', 4: '日记', 5: '评论', 6: '收藏', 7: '注销', 8: '退出程序'} dic2 = { 3: 'artecle', 4: 'diary', 5: 'comment', 6: 'collection', 7

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

Silence 追求大道至简的终极真理,旨在打造一个干净.专注阅读的博客主题,没有二维空间元素.不存在花里胡哨. 简单概括其几个主要特点: 专注阅读.精致漂亮的 UI: 事无巨细的部署文档: 兼容移动端浏览器: 源码结构清晰.易扩展. 作者:小七奇奇 链接:https://www.jianshu.com/p/18fc8582e05c 来源:简书 著作权归作者所有.商业转载请联系作者获得授权,非商业转载请注明出处. 原文地址:https://www.cnblogs.com/chinb/p/1204

博客园 主题自定义美化

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

博客园主题修改中用到的css属性

样式覆盖 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