添加了部分来自于BedrockWiki的文章！

docs/.vitepress/theme/components/content/CodeHeader.vue

@@ -0,0 +1,22 @@
+<template>
+	<div
+		ref="codeHeader"
+		class="tile flex items-center mt-8 p-2 pb-1.5 overflow-auto break-all"
+	>
+		<span class="flex">
+			<span class="opacity-50"><slot /></span>
+		</span>
+	</div>
+</template>
+
+<script setup lang="ts">
+import { ref } from 'vue'
+
+const codeHeader = ref<HTMLDivElement | null>(null)
+
+</script>
+<style scoped>
+.icon {
+	fill: white;
+}
+</style>

docs/.vitepress/theme/components/content/WikiImage.vue

@@ -0,0 +1,26 @@
+<template>
+	<img
+		:src="props.src"
+		:alt="props.alt"
+		:class="{ 'pixelated-image' : props.pixelated === 'true' }"
+		:width="props.width"
+	>
+</template>
+
+<script setup lang="ts">
+
+const props =
+	defineProps<{
+		src: string
+		alt?: string
+		pixelated?: string
+		width?: string,
+		theme?: string
+	}>()
+</script>
+
+<style scoped>
+.pixelated-image {
+	image-rendering: pixelated;
+}
+</style>

docs/.vitepress/theme/index.ts

@@ -1,9 +1,13 @@
 import DefaultTheme from 'vitepress/theme'
 import MyFeatures from './components/MyFeatures.vue'
+import CodeHeader from './components/content/CodeHeader.vue'
+import WikiImage from './components/content/WikiImage.vue'
 
 export default {
     extends: DefaultTheme,
     enhanceApp({ app }) {
-        app.component('MyFeatures', MyFeatures)
+        app.component('MyFeatures', MyFeatures);
+        app.component('CodeHeader', CodeHeader);
+        app.component('WikiImage', WikiImage);
     }
 }