Demand 需求

homepage:主页、首页
count:数据、统计
footmark:足迹
thino:说说、闪念、瞬间
link:友链、友人
about:关于
message:留言
music:音乐
gallery:照片
archives:时间轴
movies:电影
teleplay:电视剧
lber:书籍
lst:清单
search:搜索
AI assistant:小站助手 by chatbase.co

Design Drawing

![[BlogDesign.excalidraw]]

Homepage 主页、首页

设计参照设计图

  • logo 标题
  • Menu 菜单
    • 关于
    • 登录
  • 首页大图
    • 主题
    • 社交图标
    • 打字机-每日一言
    • 高清大图
  • aside 侧边栏
    • author 作者信息
    • announcement 公告
    • recent post 最近文章
    • newest comments 最新评论
    • categories 分类
    • tags 标签
    • archives 归档
    • post series 系列文章
    • webinfo 网站信息
      • 文章数目
      • 运行时间
      • 总字数
      • 访客数
      • 总浏览量
      • 最后更新时间
  • translate 右下角按钮
  • footer 页脚
    • 备案
    • copyright
  • 文章页
    • 文章数
    • 左图右文/左文右图
    • 文章名/文章内容概述/创建时间/阅读量/分类
    • 目录

Count 数据统计

  • 总计：文章、评论、分类、友链
  • 标签墙
  • 归档-年文章数量/字数统计
  • 热力图

Footmark 足迹

  • 高德地图
  • 地图-位置标记/说说/图片

Thino 说说、闪念、瞬间

  • 页面图、信息
  • 说说内容-图/文/时间

Message 留言

comments 评论

Music 音乐

  • 主标题
  • 音乐播放组件-播放音乐
  • 整页为播放器/小板块为播放器
  • 容器-移动上去有文字显示

Archives 时间轴

  • 文章更新日期排序
  • 文章图片top_img
  • 更新日期
  • 文章标题

Movies 电影

![[../../Ximages/BlogDesign-3.png]]![[../../Ximages/BlogDesign-6.png]]

  • 以观影的时间轴排列
  • 列一些影评，看看大家对影片的想法

Teleplay 电视剧

![[../../Ximages/BlogDesign-7.png]]
![[../../Ximages/BlogDesign-8.png]]

Liber 书籍

![[../../Ximages/BlogDesign.png]]![[../../Ximages/BlogDesign-2.png]]
阅读记录

  • 分类按年
  • 小框架
  • style="max-width: 135px;max-height: 200px;"

List 清单

  • 部分页面整合在清单

Search 搜索

AI assistant 小站助手

by chatbase.co

About 关于

![[../../Ximages/BlogDesign-10.png]]

网盘

  • 网盘链接-共享资源

Posts 文章

article 文章 Butterfly 文檔(三) 主題配置 | Butterfly

  • 标题/分类/标签/建立日期/更新日期/字数/阅读人数/阅读时间
  • 文章内容
  • 上一篇/下一篇
  • 相关文章
  • 文章大纲
  • 关系图谱
  • 评论页
  • 赞赏
  • 文章版权
    ![[../../Ximages/BlogDesign-11.png]]
    ![[../../Ximages/BlogDesign-9.png]]

Daily 日记

页面加密

综合元素

  • nav 导航设置
    • fixed固定在顶行
    • img效果 transparent透明
  • top_img 顶部图
    • 顶部图和背景过度按明暗主题黑白过度
  • RSS 订阅
  • DNS 加速
  • vercel部署加速推一下 Vercel 加速节点 - 杜老师说