博客园仅允许在页首HTML、页脚HTML、侧边栏公告、页面定制CSS四个位置插入自定义HTML；其中侧边栏需注意样式兼容与脚本限制，页脚需关注加载时机与z-index，所有资源须HTTPS且避免重复引入。
博客园后台哪几个入口能加 HTML 代码
博客园只允许在四个固定位置插入自定义 HTML，其他地方（比如文章正文、评论区）无法直接注入。这四个位置是：页首 HTML 代码、页脚 HTML 代码、博客侧边栏公告、页面定制 CSS 代码（虽叫 CSS，但支持 <style> 和 <script>）。它们分别对应 DOM 中的 id="page_begin_html"、id="page_end_html"、id="sidebar_postcategory" 附近区域，以及全局 <head> 注入点。
侧边栏公告里写 HTML 要注意什么
侧边栏公告内容会直接渲染进 <div id="sidebar_postcategory"> 内部，但它的父容器有默认样式（如浮动、内边距、列表项限制），容易导致你写的 HTML 错位或被截断。
- 避免用
<div align="center">这类过时属性，改用style="text-align: center;"或 Flex 布局 - 头像图片建议加
width/height和border-radius: 50%，否则可能拉伸变形 - 如果想让内容“顶上去”贴着侧边栏顶部，得额外在
页面定制 CSS 代码里重置#sidebar_postcategory的margin和padding - 不推荐在侧边栏里放
<script>，因为博客园会过滤部分事件绑定（如onclick），且执行时机不可控
页脚 HTML 插入后没生效？检查这几个点
页脚代码理论上会出现在页面最底部，但实际常被遮挡或未触发——不是代码写错了，而是加载顺序和 DOM 结构出了问题。
-
页脚 HTML 代码区域插入的内容，是在</body>之前、<div id="page_end_html">容器内，所以不能依赖$(document).ready()，得用$(window).load()或监听DOMContentLoaded - 常见错误：把“回到顶部”按钮写成
position: fixed，但没设z-index，结果被导航栏盖住；建议至少设z-index: 999 - 如果用了 FontAwesome 图标（如
<i class="fa fa-paper-plane"></i>），必须确保页首或页脚中已引入 CSS 文件，否则图标显示为方块 - 不要在页脚里写
<body>或<html>标签——它只是片段，不是完整文档
自定义 HTML 加载失败或样式错乱的根源
真正卡住多数人的不是语法，而是博客园的皮肤机制和资源加载策略。比如你选了 LessIsMore 皮肤，但代码里写了 #navigator，而该皮肤实际用的是 #navList；又或者你上传了自定义 CSS 文件，却忘了在 页面定制 CSS 代码 里用 @import url(...) 引入。
立即学习“前端免费学习笔记（深入）”；
- 所有外部资源（CSS/JS/图片）必须使用 HTTPS 协议，HTTP 链接会被浏览器拦截
- 博客园对 script 标签有限制：内联脚本可执行，但远程 JS（如
src="http://xxx.js"）可能被 CSP 策略阻止 - 侧边栏公告中的图片 URL，如果来自草稿文章，一旦草稿被删或权限改为私密，图片立即 404
- 修改完任一 HTML 区域后，务必清空浏览器缓存再刷新——博客园静态资源缓存时间很长
最隐蔽的问题：多个自定义代码段之间存在样式冲突。比如页首加了 font-awesome.min.css，页脚又加了一遍，可能导致图标字体加载两次或覆盖失效。这类问题不会报错，只会让效果时有时无。
