iTab新标签页

iTab新标签页是一个基于Vue3和Vitepress的自定义主题。它具有以下特点:

  1. 自动切换主题:根据用户的系统偏好设置,自动切换为暗色模式或亮色模式。
  2. 支持Mac系统:当用户使用的是Mac、iPhone、iPod或iPad时,会自动添加mac类名,以适应Mac系统的样式。
  3. Vue3组件库:使用Vue3编写的组件,具有良好的性能和可维护性。
  4. Vitepress主题:基于Vitepress的主题,提供了丰富的主题定制选项。
  5. 响应式布局:支持响应式布局,适应不同设备的屏幕尺寸。
  6. 代码高亮:支持代码高亮,提高代码阅读体验。

安装与使用

  1. 首先确保你已经安装了Node.js和npm。
  2. 使用以下命令安装iTab新标签页:
npm install itab-new-tab
  1. 在你的Vitepress项目中引入并使用iTab新标签页:
// main.js
import { createApp } from 'vue';
import App from './App.vue';
import iTabNewTab from 'itab-new-tab';

const app = createApp(App);
app.use(iTabNewTab);
app.mount('#app');

现在你可以在你的Vitepress项目中使用iTab新标签页了。更多关于iTab新标签页的使用方法和配置选项,请参考其GitHub仓库:https://github.com/yourusername/itab-new-tab