尝试去掉头尾，显示博客中的“纯净”内容

目录

• 尝试去掉头尾，显示博客中的“纯净”内容
  • 问题：
  • 解决：
    • 第一步：
    • 第二步：
    • 第三步
  • 有些建议：

尝试去掉头尾，显示博客中的“纯净”内容

问题：

　　希望博客中显示比较“纯净”的内容，去掉一些碍眼的内容。

解决：

第一步：

　　点击我的博客之中的“管理”，或者点击这里：

　　管理

再点“设置”，

博客侧边栏公告（支持HTML代码） 申请JS权限

上面，有个选择框：

禁用模板默认CSS

钩上。

第二步：

　　回到我的博客，会发现大变样了，很丑，上面很宽空间，让人想到浪费两字。

于是按F12，找这部分哪个控制的？

找到了，id="header"

再按“管理”，（或者还要点“设置”），

在第一步打钩的上方，是：页面定制 CSS 代码

复制进以下代码：

#header
{
    display: none;
}

然后点击最下方的“保存”按钮。

回头再到我的博客看一下，上方的“头部”部分，全部木有了。

点开任意一篇博文看一下，最上方的就是题目，是不是感觉很好？

第三步

　　往下拉，尾部内容太多了，再F12，查到是：

　　id="comment_form"

　　好吧，有id就好办。id好像身份证号码，是唯一的，一认一个准。

按前面的办法，把代码复制进去：（替换原来的）

#header, #comment_form
{
    display: none;
}

　　再按最下面的“保存”。一会就保存好了，再回头看博文，有木有一种“纯净”的感觉？

有些建议：

　　头尾去掉之后，“管理”板面如何进去？

　　找找“编辑”链接，点进去也不用编辑，管理板面都出来了。

　　博客园，是个很开放的博客平台，具有高度的定制化。

　　页面定制 CSS 代码部分，就是用来自定义页面格式的。隐形一些内容自然是小菜，更精彩的是，可以自定义显示格式，甚至还可以加一些东西——这个以后再试了。

　　CSS是什么破玩意？详细请看：

　　CSS教程

20.02.28