Docsify 主题：修订间差异

来自泡泡学习笔记
跳到导航 跳到搜索
（创建页面，内容为“= 主题 = 目前提供了一些主题，包括官方和社区制作的。模仿 Vue 和 buble 官网订制的主题样式，还有 [https://github.com/liril-net @liril-net] 贡献的黑色风格的主题等。 <pre lang="html"><link rel="stylesheet" href="//cdn.jsdelivr.net/npm/docsify/themes/vue.css"> <link rel="stylesheet" href="//cdn.jsdelivr.net/npm/docsify/themes/buble.css"> <link rel="stylesheet" href="//cdn.jsdelivr.…”）
 
无编辑摘要
 
第17行： 第17行：
<link rel="stylesheet" href="//cdn.jsdelivr.net/npm/docsify/lib/themes/pure.css">
<link rel="stylesheet" href="//cdn.jsdelivr.net/npm/docsify/lib/themes/pure.css">
<link rel="stylesheet" href="//cdn.jsdelivr.net/npm/docsify/lib/themes/dolphin.css"></pre>
<link rel="stylesheet" href="//cdn.jsdelivr.net/npm/docsify/lib/themes/dolphin.css"></pre>
如果你有其他想法或者想开发别的主题，欢迎提 [https://github.com/docsifyjs/docsify/pulls PR]。


==== 点击切换主题 ====


<div class="demo-theme-preview">
<a data-theme="vue">vue.css</a> <a data-theme="buble">buble.css</a> <a data-theme="dark">dark.css</a> <a data-theme="pure">pure.css</a> <a data-theme="dolphin">dolphin.css</a>
</div>
<style>
  .demo-theme-preview a {
    padding-right: 10px;
  }
  .demo-theme-preview a:hover {
    cursor: pointer;
    text-decoration: underline;
  }
</style>
<script>
  var preview = Docsify.dom.find('.demo-theme-preview');
  var themes = Docsify.dom.findAll('[rel="stylesheet"]');
  preview.onclick = function (e) {
    var title = e.target.getAttribute('data-theme')
    themes.forEach(function (theme) {
      theme.disabled = theme.title !== title
    });
  };
</script>
== 其他主题 ==
== 其他主题 ==


* [https://jhildenbiddle.github.io/docsify-themeable/#/ docsify-themeable] 一个用于docsify的，简单到令人愉悦的主题系统.
* [https://jhildenbiddle.github.io/docsify-themeable/#/ docsify-themeable] 一个用于docsify的，简单到令人愉悦的主题系统.

2023年7月26日 (三) 09:02的最新版本

主题

目前提供了一些主题，包括官方和社区制作的。模仿 Vue 和 buble 官网订制的主题样式，还有 @liril-net 贡献的黑色风格的主题等。 

<link rel="stylesheet" href="//cdn.jsdelivr.net/npm/docsify/themes/vue.css">
<link rel="stylesheet" href="//cdn.jsdelivr.net/npm/docsify/themes/buble.css">
<link rel="stylesheet" href="//cdn.jsdelivr.net/npm/docsify/themes/dark.css">
<link rel="stylesheet" href="//cdn.jsdelivr.net/npm/docsify/themes/pure.css">
<link rel="stylesheet" href="//cdn.jsdelivr.net/npm/docsify/themes/dolphin.css">

!> CSS 的压缩文件位于 /lib/themes/ 

<!-- compressed -->

<link rel="stylesheet" href="//cdn.jsdelivr.net/npm/docsify/lib/themes/vue.css">
<link rel="stylesheet" href="//cdn.jsdelivr.net/npm/docsify/lib/themes/buble.css">
<link rel="stylesheet" href="//cdn.jsdelivr.net/npm/docsify/lib/themes/dark.css">
<link rel="stylesheet" href="//cdn.jsdelivr.net/npm/docsify/lib/themes/pure.css">
<link rel="stylesheet" href="//cdn.jsdelivr.net/npm/docsify/lib/themes/dolphin.css">


其他主题

取自“http://bubblestudy.info/wiki/index.php?title=Docsify_主题&oldid=1678”