博文

目前显示的是标签为“blogger教程”的博文

blogger显示代码

前言 blogger里没有直接的代码块,本期将通过插入css样式来高亮显示代码块 实现 添加代码 主题背景-自定义-修改 HTML 在<head></head>之间加入: <style> pre { font-size: 18px; color: #fff; border-radius: 8px; border: 2px solid #2E2E2E; background-color: #343434; /* 设置背景颜色 */ padding: 5px 10px; /* 简化内边距设置 */ position: relative; display: block; width: auto; /* 设置宽度 */ max-height: 200px; font-family: "Cambria", "Hoefler Text", "Liberation Serif", Times, "Times New Roman", serif; overflow: auto; /* 设置滑动条 */ } /* Copy code button styles复制代码按钮样式 */ .copy-code-button { position: absolute; top: 2px; /* [disabled]padding-left: 1em; */ /* [disabled]padding-bottom: 0.5em; */ font-size: 14px; background-color: #747474; color: #fff; border: none; border-radius: 4px; cursor: pointer; pad...