JZTXT

从头开始

发布时间 2023-04-25 18:49:31作者: 希0127

从头开始

博客园最让人着迷的一点就是可以自定义 DOM 结构，这样就可以很方便的实现一些特殊的需求。
彰显自己的个性，这也是博客园的一大特色。
本文是对定制一个自己的博客园主题的一些记录。

dom 结构

主页的核心 dom 结构如下：

<body>
  <div id="top_nav">
    顶部导航
    <nav id="nav_main">
      <ul id="nav_left"></ul>
      <ul id="nav_right"></ul>
    </nav>
  </div>
  <div id="page_begin_html">页首html</div>
  <div id="home">
    <div id="header">
      <div id="blogTitle"></div>
      <div id="navigator"></div>
    </div>
    <div id="main">
      <div id="mainContent"></div>
      <div id="sideBar"></div>
      <div id="clear"></div>
    </div>
    <div id="footer"></div>
  </div>
  <div id="page_end_html">页尾html</div>
</body>

整体的结构还是比较清晰的，同时所有的内容都可以通过 id 来获取到，这样就可以很方便的进行定制。