Components

Valaxy 内置了几个简单的组件。

你可以在写文章或者创作主题时直接使用。

Valaxy has several simple components built in.

You can use them directly when writing articles or themes.

基于 Vue 组件

Based on Vue components

基础组件

Basic Components

INFO

面向主题开发者(普通用户通常不需要直接使用)

INFO

Built for theme developers (common users usually do not need to use them directly)

布局与渲染

Layout and Rendering

其他

Others

md
<ValaxyLogo />
Valaxy Logo

辅助组件

Helper Components

内置组件

面向用户,可直接使用

你也可以通过 valaxy-addon-components 扩展公共组件。

For users, can be used directly.

You can also extend public components by valaxy-addon-components.

国际化组件 <VT />

Internationalization Component <VT />

locales/zh-CN.yml
yaml
menu:
  posts: 博客文章
locales/en.yml
yaml
menu:
  posts: Posts
md
<!-- auto follow locale -->
<VT content="menu.posts" />
Posts

扩展公共组件

pnpm
bash
pnpm add valaxy-addon-components

如:

  • CodePen: CodePen 代码片段
  • VCLiveTime: 站点建立时间
  • CodePen: CodePen code snippets
  • VCLiveTime: The establishment time of the site
pages/posts/your-post.md
md
My Blog Content

<CodePen class="h-300px" name="Margin Collapse" id="WqXGpo" user="YunYouJun" tab="html,result" />

My Blog Content

See the Pen Margin Collapse by YunYouJun (@YunYouJun) on CodePen.

自定义

更多用法请参见 自定义组件

For more usage, please refer to Custom Components


To Be Continued.

Contributors