vnoteX idea theme
自定义方式参考[Vnote](https://tamlok.github.io/vnote/zh_cn/)官方文档:[主题和样式](https://tamlok.github.io/vnote/zh_cn/#!docs/%E7%94%A8%E6%88%B7/%E4%B8%BB%E9%A2%98%E5%92%8C%E6%A0%B7%E5%BC%8F.md) `vx-idea`主题又名`石板灰`,适用于新版本[vnotex](https://vnotex.github.io/vnote/zh_cn/#!vnotex.md)版本;vnote 2.0` 版本请前往源仓库切换至` vnote 分支。 👉 尝鲜体验,请移步源仓库:https://gitee.com/uRick/vnote-idea-theme ## 1. 可选配置 ### 1.1 适配2套代码高亮主题 详见主题目录 `code_higlight` 文件夹内容,因人而异,可根据需求参考官方自定义。 主题默认样式为`highlight-one-light.css`,当前提供:`highlight-dark.css`、`highlight-one-light.css`两款代码样式;主题样式基于仓库[PrismJS Themes](https://github.com/PrismJS/prism-themes)样式微调而来,具体支持语言样式请参考[Prism.js](https://prismjs.com)。 使用主题时,请将`code_highlight`文件夹下样式,复制重命名替换主题根目录下`highlight.css`样式,重启Vnotex即可生效。 ```ini highlight-dark.css #dark样式 highlight-one-light.css #light样式 YaHei Consolas Hybrid 1.12.ttf #主题首选字体,可选 ``` ### 1.2 alert组件增强 > 基于`vnotex`原生 `alert` 组件支持,引入图标增强,主要为编写技术文档适配,当前不支持 `alert-light`、`alert-success`。 效果如下: ![提示组件预览效果](tips_components/alert.png) 复制 `tips_components/style.css` 中样式——>追加至 `web.css` 文件尾即可。 ## 2. 预览 ![主题效果图](cover.png) ## 3. 鸣谢 - [tamlok](https://github.com/tamlok) - [VNote](https://github.com/tamlok/vnote)