---
page: true
date: 2021-06-30
title: 自定义标题
sidebar: false
---
<script setup>
</script>
<Home>

<template #banner>
<img src="/img/page.png" /> 
</template>

<template #description>
<!-- 一些其他描述 -->
</template>

  <div class="card-header max-width">
    <div class="title">手册</div>
    <div class="desc">基础知识手册(学习基础笔记)</div>
  </div>
  <div class="note-box max-width">
    <div class="note-item">
      <div class="item-box">
        <div class="title">💡CSS手册</div>
        <div class="go">
          <span class="button-box"
            ><a href="https://css.web.ppst.top/">💡CSS手册</a></span
          >
        </div>
      </div>
    </div>
    <div class="note-item">
      <div class="item-box">
        <div class="title">💡JS手册</div>
        <div class="go">
          <span class="button-box"><a href="https://js.web.ppst.top/">💡JS手册</a></span>
        </div>
      </div>
    </div>
    <div class="note-item">
      <div class="item-box">
        <div class="title">💡博客</div>
        <div class="go">
          <span class="button-box"><a href="https://blog.web.ppst.top/">💡博客</a></span>
        </div>
      </div>
    </div>
  </div>

  <div class="card-header max-width">
    <div class="title">随笔</div>
    <div class="desc">最常用随笔分类</div>
  </div>

  <div class="news-box max-width">
    <div class="card-item">
      <div class="item-box">
        <div class="icon">?</div>
        <div class="title">JS笔记</div>
        <div class="desc">
          我就是记录一些笔记，以及异常处理经验记录，工作中遇到问题记录解决方案
        </div>
      </div>
    </div>
    <div class="card-item">
      <div class="item-box active">
        <div class="icon">?</div>
        <div class="title">vue笔记</div>
        <div class="desc">
          我就是记录一些笔记，以及异常处理经验记录，工作中遇到问题记录解决方案
        </div>
      </div>
    </div>
    <div class="card-item">
      <div class="item-box">
        <div class="icon">?</div>
        <div class="title">服务器笔记</div>
        <div class="desc">
          我就是记录一些笔记，以及异常处理经验记录，工作中遇到问题记录解决方案
        </div>
      </div>
    </div>
    <div class="card-item">
      <div class="item-box active">
        <div class="icon">?</div>
        <div class="title">浏览器笔记</div>
        <div class="desc">
          我就是记录一些笔记，以及异常处理经验记录，工作中遇到问题记录解决方案
        </div>
      </div>
    </div>
  </div>
</Home>