Docsify-Themeable 使用教程

最新推荐文章于 2024-08-27 08:40:28 发布

韦韬韧Hope

最新推荐文章于 2024-08-27 08:40:28 发布

阅读量417

点赞数 4

本文链接：https://blog.csdn.net/gitblog_00582/article/details/141213007

版权

Docsify-Themeable 使用教程

docsify-themeableA delightfully simple theme system for docsify.js. Features multiple themes with rich customization options, an improved desktop and mobile experience, and legacy browser support (IE11+).项目地址:https://gitcode.com/gh_mirrors/do/docsify-themeable

项目介绍

Docsify-Themeable 是一个为 Docsify.js 设计的简单主题系统。它提供了多个主题，具有丰富的自定义选项，改进了桌面和移动体验，并支持旧版浏览器（IE11+）。Docsify-Themeable 旨在帮助用户快速创建美观且功能丰富的文档站点。

项目快速启动

安装 Docsify 和 Docsify-Themeable

首先，确保你已经安装了 Node.js 和 npm。然后，通过以下命令安装 Docsify 和 Docsify-Themeable：

npm i docsify-cli -g
npm i docsify-themeable

初始化项目

创建一个新的目录并初始化 Docsify 项目：

mkdir my-docs
cd my-docs
docsify init ./docs

配置 Docsify-Themeable

在 index.html 文件中添加 Docsify-Themeable 的引用：

<!DOCTYPE html>
<html>
<head>
  <meta charset="UTF-8">
  <title>My Docs</title>
  <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1" />
  <meta name="description" content="Description">
  <meta name="viewport" content="width=device-width, initial-scale=1.0, minimum-scale=1.0">
  <link rel="stylesheet" href="//cdn.jsdelivr.net/npm/docsify-themeable@0/dist/css/theme-simple.css">
</head>
<body>
  <div id="app"></div>
  <script>
    window.$docsify = {
      themeable: {
        theme: 'simple'
      }
    }
  </script>
  <script src="//cdn.jsdelivr.net/npm/docsify/lib/docsify.min.js"></script>
  <script src="//cdn.jsdelivr.net/npm/docsify-themeable/dist/docsify-themeable.min.js"></script>
</body>
</html>