跳至主要內容

Theme-hop所有组件别名

Tom Tan大约 3 分钟使用指南配置页面配置使用指南

(adsbygoogle = window.adsbygoogle || []).push({});

主题组件别名

组件:

  • @theme-hope/components/AutoLink 基础链接
  • @theme-hope/components/BreadCrumb 路径导航
  • @theme-hope/components/CommonWrapper 基本布局整合
  • @theme-hope/components/FeaturePanel 主页特性
  • @theme-hope/components/HeroInfo 主页 Logo 及介绍
  • @theme-hope/components/HighlightPanel: 主页亮点
  • @theme-hope/components/HomePage 主页
  • @theme-hope/components/HopeIcon 图标
  • @theme-hope/components/MarkdownContent Markdown 内容
  • @theme-hope/components/NormalPage 常规页面
  • @theme-hope/components/PageFooter 页脚
  • @theme-hope/components/PageNav 页面导航
  • @theme-hope/components/PageTitle 页面标题
  • @theme-hope/components/SkipLink 跳转到主内容
  • @theme-hope/components/transitions/DropTransition: 主题下坠渐变动画
  • @theme-hope/components/transitions/FadeSlideY: 主题竖直滑动渐变动画

杂项:

  • @theme-hope/components/icons/index 主题图标
  • @theme-hope/composables/index 主题可组合 API
  • @theme-hope/utils/index 主题通用函数

导航栏组件别名

组件:

  • @theme-hope/modules/navbar/components/DropdownLink 下拉列表
  • @theme-hope/modules/navbar/components/LanguageDropdown 语言下拉列表
  • @theme-hope/modules/navbar/components/NavActions 导航栏功能
  • @theme-hope/modules/navbar/components/Navbar 导航栏
  • @theme-hope/modules/navbar/components/NavbarBrand 导航栏品牌信息
  • @theme-hope/modules/navbar/components/NavbarLinks 导航栏链接
  • @theme-hope/modules/navbar/components/NavScreen 移动视图下的导航屏
  • @theme-hope/modules/navbar/components/NavScreenDropdown 移动视图下导航栏下拉菜单
  • @theme-hope/modules/navbar/components/NavScreenLinks 移动式视图下导航栏链接
  • @theme-hope/modules/navbar/components/RepoLink 仓库链接
  • @theme-hope/modules/navbar/components/ToggleNavbarButton 导航栏切换按钮
  • @theme-hope/modules/navbar/components/ToggleSidebarButton 侧边栏切换按钮

杂项:

  • @theme-hope/modules/navbar/components/icons/index 导航栏图标
  • @theme-hope/modules/navbar/composables/index 导航栏可组合 API

:::

侧边栏组件别名

组件:

  • @theme-hope/modules/sidebar/components/Sidebar 侧边栏
  • @theme-hope/modules/sidebar/components/SidebarChild 侧边栏链接子项
  • @theme-hope/modules/sidebar/components/SidebarGroup 侧边栏分组链接
  • @theme-hope/modules/sidebar/components/SidebarLinks 侧边栏链接

杂项:

  • @theme-hope/modules/sidebar/composables/index 侧边栏可组合 API
  • @theme-hope/modules/sidebar/utils/index 侧边栏通用函数

:::

信息组件别名

组件:

  • @theme-hope/modules/info/components/AuthorInfo 作者信息
  • @theme-hope/modules/info/components/CategoryInfo 分类信息
  • @theme-hope/modules/info/components/DateInfo 写作日期信息
  • @theme-hope/modules/info/components/OriginalInfo 原创标识
  • @theme-hope/modules/info/components/PageInfo 页面信息
  • @theme-hope/modules/info/components/PageMeta 页面元数据 information
  • @theme-hope/modules/info/components/PageViewInfo 浏览量信息 information
  • @theme-hope/modules/info/components/ReadingTimeInfo 阅读时间信息 time information
  • @theme-hope/modules/info/components/TagInfo 标签信息
  • @theme-hope/modules/info/components/TOC 内容列表
  • @theme-hope/modules/info/components/WordInfo 字数信息

杂项:

  • @theme-hope/modules/blog/components/icons 信息图标
  • @theme-hope/modules/blog/composables/index 信息可组合 API
  • @theme-hope/modules/blog/utils/index 信息通用函数

:::

博客组件别名

组件:

  • @theme-hope/modules/blog/components/ArticleItem 文章项
  • @theme-hope/modules/blog/components/ArticleList 文章列表
  • @theme-hope/modules/blog/components/ArticleType 文章类型
  • @theme-hope/modules/blog/components/BloggerInfo 博主信息
  • @theme-hope/modules/blog/components/BlogHero 博客主页 Logo 与介绍
  • @theme-hope/modules/blog/components/BlogHome 博客主页
  • @theme-hope/modules/blog/components/BlogWrapper 博客常规布局
  • @theme-hope/modules/blog/components/CategoryList 分类列表
  • @theme-hope/modules/blog/components/InfoList 博客信息列表
  • @theme-hope/modules/blog/components/InfoPanel 博客信息面板
  • @theme-hope/modules/blog/components/Pagination 分页组件
  • @theme-hope/modules/blog/components/ProjectPanel 博客主页项目面板
  • @theme-hope/modules/blog/components/SocialMedia 社交媒体链接
  • @theme-hope/modules/blog/components/TagList 标签列表
  • @theme-hope/modules/blog/components/TimelineItems 时间线项目
  • @theme-hope/modules/blog/components/TimelineList 时间线列表

杂项:

  • @theme-hope/modules/blog/components/icons/index 博客图标
  • @theme-hope/modules/blog/composables/index 博客可组合 API

:::

加密组件别名

组件:

  • @theme-hope/modules/encrypt/components/GlobalEncrypt 全局加密
  • @theme-hope/modules/encrypt/components/LocalEncrypt 本地加密
  • @theme-hope/modules/encrypt/components/PasswordModal 密码输入框

杂项:

  • @theme-hope/modules/encrypt/composables/index 加密可组合 API
  • @theme-hope/modules/encrypt/utils/index 加密通用函数

:::

外观模块组件别名

组件:

  • @theme-hope/modules/outlook/components/AppearanceMode 主题外观模式
  • @theme-hope/modules/outlook/components/AppearanceSwitch 主题外观开关
  • @theme-hope/modules/outlook/components/OutlookButton 外观按钮
  • @theme-hope/modules/outlook/components/OutlookSettings 外观设置
  • @theme-hope/modules/outlook/components/ThemeColor 主题色
  • @theme-hope/modules/outlook/components/ThemeColorPicker 主题色选择器
  • @theme-hope/modules/outlook/components/ToggleFullScreenButton 全屏切换按钮

杂项:

  • @theme-hope/modules/outlook/components/icons/index 外观图标
  • @theme-hope/modules/outlook/composables/index 外观可组合 API
(adsbygoogle = window.adsbygoogle || []).push({});
上次编辑于:
贡献者: Tom Tan