Components
Valaxy 内置了几个简单的组件。
你可以在写文章或者创作主题时直接使用。
Valaxy has several simple components built in.
You can use them directly when writing articles or themes.
TIP
TIP
基础组件
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
<ValaxyLogo />
辅助组件
Helper Components
面向用户，可直接使用
内置组件暂无，目前通过 valaxy-addon-components 扩展公共组件。
For users, can be used directly.
Built-in components are not available temporarily, public components are currently extended through valaxy-addon-components.
pnpm add valaxy-addon-components如：
CodePen: CodePen 代码片段VCLiveTime: 站点建立时间
CodePen: CodePen code snippetsVCLiveTime: The establishment time of the site
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.