博客园 复制他人博客的样式

博客园 复制他人博客的样式

博客园是支持自定义页面样式的。在博客设置中 “页面定制 CSS 代码” 中添加自己的 CSS 代码即可改变样式。

自已定义 CSS 代码要求博主能够熟练掌握 CSS ,条件比较苛刻。有没有简单点的方法呢?比如我们在阅览的时候看到一个博主的页面非常美观,想直接借用,这有办法实现吗?答案是当然可以!

检查页面

首先,打开要复制样式博客的主页,按 F12 或者右键 -> 检查打开检查页面。选择 Sources 标签。这样能够查看该博客从服务器获取的文件。

Sources 页面

点击 www.cnblogs.com 展开所有折叠的内容。

查看上图中标 1 的部分。skins 后面跟着的就是该博客使用的基础模板。换到自己博客设置中,选择相同的模板。

上图标 2 的部分。 blog/cunstomcss 下面的文件就是该博客博主自定义的 CSS 代码。 (当然,如果你自己的博客没有设置自定义 CSS 代码,检查自己博客首页是没有该部分内容的。)

点击该自定义 CSS 代码文件,会在右边显示出来文件内容。如上图标 4 的部分,复制该部分代码到自己博客的页面定制 CSS 代码内,整个步骤就完事了。

有些博主在自定义样式的时候会选择禁用模板默认 CSS ,如果完成上面步骤后发现有所不同可以尝试禁用模板默认 CSS 。

需要注意的是,该方法只适合简单的经过 CSS 代码更改的样式。博客实际上是支持自定义 CSS 、自定义 HTML 甚至是 JS 的,如果博主进行较大的更改,该方法就行不通了。

版权声明:本文为博主原创文章,转载请附上博文链接!

转载于:https://www.cnblogs.com/banshaohuan/p/9809399.html

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值