Components
Valaxy 内置了几个简单的组件。
你可以在写文章或者创作主题时直接使用。
Valaxy has several simple components built in.
You can use them directly when writing articles or themes.
TIP
基于 Vue 组件
TIP
Based on Vue components
基础组件
Basic Components
INFO
面向主题开发者（普通用户通常不需要直接使用）
INFO
Built for theme developers (common users usually do not need to use them directly)
布局与渲染
ValaxyMain.vue: 页面基础布局ValaxyMd.vue: Markdown 渲染内容
Layout and Rendering
ValaxyMain.vue: Basic page layoutValaxyMd.vue: Rendered Markdown content
其他
Others
AppLink.vue: 根据链接自动判断是否为站内链接，站内链接使用<router-link/>，站外链接使用<a target="_blank"></a>。ValaxyCopyright.vue: 文章中的版权信息ValaxyDecrypt.vue: 文本解密组件ValaxyGalleryDecrypt.vue: 图片解密组件ValaxyLogo.vue: 带渐变色彩的 Valaxy LogoValaxySvgLogo.vue: Valaxy SVG LogoValaxyPagination.vue: 分页组件ValaxyOverlay.vue: 灰色遮罩组件ValaxyHamburger.vue: 汉堡按钮
AppLink.vue: The link automatically determines whether it is an intra-site link. Use<router-link/>for intra-site links and<a target=" blank"></a>for external links.ValaxyCopyright.vue: The copyright information in the article.ValaxyDecrypt.vue: Text decryption componentValaxyGalleryDecrypt.vue: Picture decryption componentValaxyLogo.vue: Valaxy Logo with gradient colorValaxySvgLogo.vue: Valaxy SVG LogoValaxyPagination.vue: Paging componentValaxyOverlay.vue: Grey mask componentValaxyHamburger.vue: Hamburger button
md
<ValaxyLogo />
辅助组件
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 />
yaml
menu:
posts: 博客文章yaml
menu:
posts: Postsmd
Posts<!-- auto follow locale -->
<VT content="menu.posts" />扩展公共组件
bash
pnpm add valaxy-addon-components如：
CodePen: CodePen 代码片段VCLiveTime: 站点建立时间
CodePen: CodePen code snippetsVCLiveTime: The establishment time of the site
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.