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

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

博客园是支持自定义页面样式的。在博客设置中 “页面定制 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 的,如果博主进行较大的更改,该方法就行不通了。

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

posted @ 2018-10-18 11:17  banshaohuan  阅读(1795)  评论(10编辑  收藏  举报