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

主题预览

博客首页

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

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

版本更新


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