iTab新标签页
iTab新标签页是一个基于Vue3和Vitepress的自定义主题。它具有以下特点:
- 自动切换主题:根据用户的系统偏好设置,自动切换为暗色模式或亮色模式。
- 支持Mac系统:当用户使用的是Mac、iPhone、iPod或iPad时,会自动添加
mac
类名,以适应Mac系统的样式。 - Vue3组件库:使用Vue3编写的组件,具有良好的性能和可维护性。
- Vitepress主题:基于Vitepress的主题,提供了丰富的主题定制选项。
- 响应式布局:支持响应式布局,适应不同设备的屏幕尺寸。
- 代码高亮:支持代码高亮,提高代码阅读体验。
安装与使用
- 首先确保你已经安装了Node.js和npm。
- 使用以下命令安装iTab新标签页:
npm install itab-new-tab
- 在你的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