首页 > 其他分享 >博客装修改造备忘

博客装修改造备忘

时间:2023-03-07 12:11:22浏览次数:39  
标签:postBody 装修 样式 博客 备忘 important post font size

上次改这个博客的样式估计得追溯到 2017 年了,整个页面散发着一股本世纪初的味道,最近痛定思痛决定让博客稍微看起来没有那么有年代感一点……

做的修改略备忘如下:

正文样式

.post .postBody {
    font-weight: 350;
    font-size: 16px;
    line-height: 1.7;
}

布局样式

#topics {
    width: 88%;
}

#sideBar {
    display: none;
}

.post .postBody {
    width: 100%
}

标题样式

.cnblogs-markdown h2 {
    font-size: 22px !important;
}

.cnblogs-markdown h3 {
    font-size: 19px !important;
}

.cnblogs-markdown h4 {
    font-size: 17px !important;
}

.cnblogs-markdown h5 {
    font-size: 14px !important;
}

链接样式

a {
    transition: all .3s ease !important;
}

a:hover {
    color: orange !important;
    text-decoration: underline !important
}

.post .postBody a:active, .post .postBody a:link, .post .postBody a:visited {
    color: orangered;
    position: relative;
    text-decoration: none;
}

代码样式

.hljs {
    font-size: 14px !important
}

标签:postBody,装修,样式,博客,备忘,important,post,font,size
From: https://www.cnblogs.com/JiuPleber/p/Blog_Remodel.html

相关文章

  • ChatGPT带你入门机器学习:逻辑回归模型博客和小红书风格文案一次搞定!
    打脸了顺手向大家演示一下如何用ChatGPT写技术博客吧,其实蛮简单的,特别需要操心的是它会一本正经的胡说八道,还信誓旦旦的。我们要审查它的回答,万不可全信。为了便于阅......
  • 简单部署halo博客(待完善)
    第一步,购买服务器,安装宝塔linux面板。第二步,在宝塔linux面板的软件商店安装docker管理器第三步,配置阿里云镜像加速修改镜像加速vim/etc/docker/daemon.json粘贴{......
  • 将博客园接入百度统计后出现代码安装错误
    将博客园接入百度统计教程,出现代码安装错误解决方法将博客园接入百度统计之后可以统计访问自己博客主页的详细信息。要注意将博客园接入百度统计首先需要现在博客园中申......
  • 这是我在51CTO博客的第一篇博文
    一、自我介绍大家好,我现在是研究生在读,目前处于研二下,正好是求职找工作的阶段,本科念的是测控技术与仪器,属于工科,研究生读的是电子信息(控制工程),如今的科研方向是深度学习在工......
  • 【故障公告】攻击式巨量并发请求再次来袭,引发博客站点故障
    继周五18:40-18:55左右首次来袭,今天11:10-12:10左右,来路不明的攻击式巨量并发请求再次袭击园子,而且攻势更猛,单台负载均衡最高QPS超过4万。这种前所未遇的超日常百倍......
  • Laravel+vue免费开源的基于RABC控制的博客系统
    项目介绍CCENOTE是一个使用Vue3+Laravel8开发的前后端分离的基于RABC权限控制管理的内容管理系统,由于作者本人比较喜欢写作的原因,因此开发了这个项目,后端使用的PHP的......
  • vim 一些技巧备忘
    :3,5t.#把第3行到第5行的内容复制到当前行下方:t5#把当前行复制到第5行下方:t.#复制当前行到当前行下方(等价......
  • 我的博客破壳日
    在朋友的帮助下第一次拥有属于自己的博客,思绪颇多,便想到什么就说什么吧。以后这里可能会写下一些自己编程方面的疑问以及解决办法。用以提醒自己不二错,同时见证自己的成长......
  • (typora)markdown文件 上传博客园流程
    1、电脑左下角,搜索cmd,打开cmd,管理员方式运行2、输入dotnet-cnblog,回车3、复制需要上传的markdown文件所在的文件夹位置3、在cmd输入cd/d(粘贴位置),回车4、复制dotne......
  • 很好的博客网站 Position Independent Code (PIC) in shared libraries
     EliBendersky'swebsite  Load-timerelocationofsharedlibraries-EliBendersky'swebsite(thegreenplace.net)PositionIndependentCode(PIC)inshar......