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

Posted gshang

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了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

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

以上是关于GShang博客园主题基础版本适配教程详解的主要内容,如果未能解决你的问题,请参考以下文章

博客园自定义主题分享-简洁漂亮

博客园主题样式修改教程

自定义博客园主题样式

博客园主题美化DIY教程

博客园细节美化,打磨

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