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

posted @ 2019-10-27 16:02  GShang  阅读(1741)  评论(2)  编辑  收藏  举报

主题预览

博客首页

image

屏幕尺寸：1920
![image](https://tvax4.sinaimg.cn/large/005Iu54rgy1g8cswc31pnj31110mutc2.jpg)
屏幕尺寸：1336

image

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

image

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

博客正文

image

image


博客互动

image


博客评论

1572162581874


主题适配

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.保存配置，查看适配效果。

image


说明

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

gshang.2019.10.27.1.css

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

版本更新