zoukankan      html  css  js  c++  java
  • 博客园 复制他人博客的样式

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

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

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

  • 相关阅读:
    echarts之tooltip
    js随笔
    在wex5平台grid显示问题
    JSON.parse()和JSON.stringify()区别
    在wex5平台grid里面的gridselect下拉不能显示汉字问题
    wex5平台放入tabs组件后运行时显示空白
    正整数求n不用sqrt
    leetcode1143最长公共子序列
    美团Java一面(2020.3.19)
    leetcode138. 复制带随机指针的链表
  • 原文地址:https://www.cnblogs.com/banshaohuan/p/9809399.html
Copyright © 2011-2022 走看看