Cuteen主题简介

如您所想，如你所愿，Cuteen5系列正式来袭！与其他系列相比，取其精华去其糟粕，短代码功能非常好用，5系列在4系列基础上新增了任务列表功能短代码，均集成在了后台编辑器当中🎨，可直接插入。此外，短代码还支持任意颜色切换，配色掌握在您的手中，让你发布的任何文字都能够轻松驾驭。音乐播放器🔊采用文件直链形式，再也不用担心解析失效。本地化所有静态文件，防止外链失效，当然，您也可以自己部署静态服务。原子类CSS保证每一个样式都有所用，将不必要的延迟降到最低，尽力去优化每一处细节。全新的Pjax、Ajax评论、Ajax无限加载✨，都完美的在5系列中应用体现，让您感到犹如融化后的巧克力般丝滑的流畅。5系列中，后台设置界面进行了大优化，采用竖排Tab切换的设计，移动端自适应为横排Tab，让平淡杂乱的后台设置，也能条条有道。同时，对昼夜模式的配色进行了优化，可以随意切换，呵护您布灵布灵大眼睛👀，更加符合使用习惯。记录点点滴滴的说说页面、点赞打赏、自带统计的归档页、Mathjax公式渲染、文章置顶轮播功能……Cuteen5.x——回归初心！

主题作者博客：赵阿卷

主题获取链接：Typecho主题Cuteen5.x—回归初心

添加页面底部蓝色波浪

<!--底部波浪开始-->
<div class="wiiuii_layout">
<svg class="editorial"
     xmlns="http://www.w3.org/2000/svg"
     xmlns:xlink="http://www.w3.org/1999/xlink"
     viewBox="0 24 150 28"
     preserveAspectRatio="none">
 <defs>
 <path id="gentle-wave"
 d="M-160 44c30 0 
    58-18 88-18s
    58 18 88 18 
    58-18 88-18 
    58 18 88 18
    v44h-352z" />
  </defs>
  <g class="parallax">
   <use xlink:href="#gentle-wave" x="50" y="0" fill="#4579e2"/>
   <use xlink:href="#gentle-wave" x="50" y="3" fill="#3461c1"/>
   <use xlink:href="#gentle-wave" x="50" y="6" fill="#2d55aa"/>  
  </g>
</svg>
</div>
<style type='text/css'>
.parallax > use{animation: move-forever 12s linear infinite;}.parallax > use:nth-child(1){animation-delay: -2s;}.parallax > use:nth-child(2){animation-delay: -2s; animation-duration: 5s;}.parallax > use:nth-child(3){animation-delay: -4s; animation-duration: 3s;}@keyframes move-forever{0%{transform: translate(-90px, 0%);} 100%{transform: translate(85px, 0%);}}.wiiuii_layout{width: 100%;height: 40px;position: relative;overflow: hidden;z-index: 1;background: var(--footer-bg);}.editorial{display: block; width: 100%; height: 40px; margin: 0;}
</style>