把nodebb官方的头部代码copy过来了

[huangjie]

把nodebb官方的头部代码copy过来了
这样就舒服多了 不然上面太空

使用方法见下图：

代码部分：

<div data-widget-area="brand-header" class="flex-fill gap-3 p-2 align-self-center">

<div class="d-flex justify-content-between align-items-center">
<div class="">
<a href="https://github.com/NodeBB/NodeBB/releases/latest" class="btn btn-ghost d-flex px-2 py-1 d-flex gap-2 align-items-start">
	<i class="fa fa-tag text-primary mt-1"></i>
	<div class="d-flex flex-column align-items-start lh-1 gap-1">
		<span class="fw-semibold d-flex align-items-center gap-1"><span id="release-name">v4.4.5</span> <span class="badge rounded-pill border text-success border-success px-2 py-1 top-0">Latest</span></span>
		<span id="release-timeago" class="timeago text-xs text-secondary" title="31 Jul 2025, 21:57" datetime="2025-07-31T13:57:00.227Z">5 days ago</span>
	</div>
</a>
</div>
<div class="text-center d-none d-lg-flex gap-1 justify-content-end align-items-center">

<div class="d-flex gap-1">

    <a href="/compose?cid=2" component="category/post" id="new_topic" class="btn btn-outline-primary fw-semibold align-self-center" data-ajaxify="false" role="button"><i class="fa-solid fa-rocket"></i> 发表主题</a><a href="/dev-tracker" class="btn btn-ghost d-flex align-items-center px-2 py-1" data-bs-toggle="tooltip" data-bs-placement="bottom" aria-label="Dev Tracker" data-bs-original-title="Dev Tracker"><i class="fa-brands fa-2x fa-dev"></i></a>
    <a class="btn btn-ghost d-flex align-items-center px-2 py-1" href="https://github.com/NodeBB/NodeBB" rel="noreferrer noopener" data-bs-toggle="tooltip" data-bs-placement="bottom" aria-label="Star us on Github!" data-bs-original-title="Star us on Github!"><i style="color: var(--bs-body-color);" class="fa fa-2x fa-github-square"></i></a>
    <a class="btn btn-ghost d-flex align-items-center px-2 py-1" href="https://fosstodon.org/@nodebb" target="_self" data-bs-toggle="tooltip" data-bs-placement="bottom" aria-label="Follow us on the fediverse!" data-bs-original-title="Follow us on the fediverse!">
        <svg xmlns="http://www.w3.org/2000/svg" width="28" height="28" viewBox="0 0 216.4144 232.00976">
            <path fill="#2b90d9" d="M211.80734 139.0875c-3.18125 16.36625-28.4925 34.2775-57.5625 37.74875-15.15875 1.80875-30.08375 3.47125-45.99875 2.74125-26.0275-1.1925-46.565-6.2125-46.565-6.2125 0 2.53375.15625 4.94625.46875 7.2025 3.38375 25.68625 25.47 27.225 46.39125 27.9425 21.11625.7225 39.91875-5.20625 39.91875-5.20625l.8675 19.09s-14.77 7.93125-41.08125 9.39c-14.50875.7975-32.52375-.365-53.50625-5.91875C9.23234 213.82 1.40609 165.31125.20859 116.09125c-.365-14.61375-.14-28.39375-.14-39.91875 0-50.33 32.97625-65.0825 32.97625-65.0825C49.67234 3.45375 78.20359.2425 107.86484 0h.72875c29.66125.2425 58.21125 3.45375 74.8375 11.09 0 0 32.975 14.7525 32.975 65.0825 0 0 .41375 37.13375-4.59875 62.915"></path>
            <path fill="#fff" d="M177.50984 80.077v60.94125h-24.14375v-59.15c0-12.46875-5.24625-18.7975-15.74-18.7975-11.6025 0-17.4175 7.5075-17.4175 22.3525v32.37625H96.20734V85.42325c0-14.845-5.81625-22.3525-17.41875-22.3525-10.49375 0-15.74 6.32875-15.74 18.7975v59.15H38.90484V80.077c0-12.455 3.17125-22.3525 9.54125-29.675 6.56875-7.3225 15.17125-11.07625 25.85-11.07625 12.355 0 21.71125 4.74875 27.8975 14.2475l6.01375 10.08125 6.015-10.08125c6.185-9.49875 15.54125-14.2475 27.8975-14.2475 10.6775 0 19.28 3.75375 25.85 11.07625 6.36875 7.3225 9.54 17.22 9.54 29.675"></path>
        </svg>
    </a>
  
   <a class="btn btn-ghost d-flex align-items-center px-2 py-1" href="https://discord.gg/p6YKPXu7er" rel="noreferrer noopener" data-bs-toggle="tooltip" data-bs-placement="bottom" aria-label="Join our Discord!" data-bs-original-title="Join our Discord!"><svg width="28" height="28" viewBox="0 0 28 28" fill="none" xmlns="http://www.w3.org/2000/svg">
        <rect width="28" height="28" rx="3" fill="#5865F2"></rect>
        <path d="M20.9735 7.76376C19.6755 7.19425 18.2836 6.77465 16.8282 6.53433C16.8017 6.5297 16.7752 6.54129 16.7616 6.56447V6.56447C16.4203 7.14498 15.7857 7.50514 15.1141 7.45524C14.3137 7.39576 13.5165 7.39523 12.7245 7.45366C12.0522 7.50325 11.4082 7.14489 11.0654 6.56447V6.56447C11.0518 6.54206 11.0253 6.53047 10.9988 6.53433C9.54423 6.77388 8.1523 7.19348 6.85348 7.76376C6.84224 7.7684 6.8326 7.77613 6.8262 7.78617C4.18601 11.5579 3.46275 15.237 3.81756 18.8704C3.81916 18.8881 3.8296 18.9052 3.84405 18.916C5.58597 20.1392 7.27332 20.8818 8.92934 21.374C8.95584 21.3818 8.98393 21.3725 9.00079 21.3516C9.39252 20.8401 9.74172 20.3007 10.0411 19.7335C10.0588 19.7003 10.0419 19.6609 10.0058 19.6477C9.45193 19.4468 8.92452 19.2019 8.4172 18.9237C8.37707 18.9013 8.37385 18.8464 8.41077 18.8201C8.51753 18.7436 8.62432 18.664 8.72626 18.5837C8.7447 18.569 8.7704 18.5659 8.79209 18.5752C12.125 20.0303 15.7333 20.0303 19.0269 18.5752C19.0486 18.5651 19.0743 18.5682 19.0935 18.5829C19.1955 18.6633 19.3022 18.7436 19.4098 18.8201C19.4467 18.8464 19.4443 18.9013 19.4042 18.9237C18.8969 19.2073 18.3694 19.4468 17.8148 19.647C17.7787 19.6601 17.7626 19.7003 17.7803 19.7335C18.0861 20.2999 18.4353 20.8393 18.8198 21.3509C18.8358 21.3725 18.8647 21.3818 18.8912 21.374C20.5553 20.8818 22.2426 20.1392 23.9845 18.916C23.9998 18.9052 24.0094 18.8889 24.011 18.8711C24.4357 14.6705 23.2998 11.0216 21 7.78694C20.9944 7.77613 20.9848 7.7684 20.9735 7.76376ZM10.5388 16.658C9.5354 16.658 8.70859 15.7771 8.70859 14.6952C8.70859 13.6134 9.51936 12.7325 10.5388 12.7325C11.5663 12.7325 12.3851 13.6211 12.369 14.6952C12.369 15.7771 11.5583 16.658 10.5388 16.658ZM17.3058 16.658C16.3024 16.658 15.4756 15.7771 15.4756 14.6952C15.4756 13.6134 16.2864 12.7325 17.3058 12.7325C18.3333 12.7325 19.1521 13.6211 19.1361 14.6952C19.1361 15.7771 18.3333 16.658 17.3058 16.658Z" fill="white"></path>
        </svg></a>
</div>
</div></div>

</div>