当前位置： 首页 > news >正文

docsify

news 2026/4/1 16:07:59

macos

➜  ~ node -v
v16.20.2

➜  ~ npm --version
8.19.4

全局安装 docsify-cli 工具

npm i docsify-cli -g

➜  ~ docsify -vdocsify-cli version:4.4.4

初始化项目

docsify init ./docs

ls -ah docs
.  ..  .nojekyll  README.md  index.html
  • index.html 入口文件
  • README.md 会做为主页内容渲染
  • .nojekyll 用于阻止 GitHub Pages 忽略掉下划线开头的文件

多页文档

本地预览

docsify serve docs

只允许本地访问

cd docs
python3 -m http.server 3000 --bind 127.0.0.1

插件列表

全文搜索 - Search

  • 编辑 index.html
<!DOCTYPE html>
<html lang="en">
<head><meta charset="UTF-8"><title>Document</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@4/lib/themes/vue.css">
</head>
<body><div id="app"></div><script>window.$docsify = {name: '',repo: '',search: {maxAge: 86400000,           // 过期时间，单位毫秒，默认一天paths: 'auto',              // 自动索引所有文档placeholder: {'/zh-cn/': '搜索','/': 'Type to search'},noData: {'/zh-cn/': '找不到结果','/': 'No Results'},depth: 6,                   // 搜索标题的最大层级, 1 - 6hideOtherSidebarContent: false, // 是否隐藏其他侧边栏内容namespace: 'docs-search',    // 避免搜索索引冲突pathNamespaces: ['/zh-cn']  // 使用不同的索引作为路径前缀}}</script><!-- Docsify v4 --><script src="//cdn.jsdelivr.net/npm/docsify@4"></script><!-- 搜索插件 --><script src="//cdn.jsdelivr.net/npm/docsify/lib/plugins/search.min.js"></script>
</body>
</html>

导航栏

  • 修改 index.html 添加导航栏配置和 emoji 插件
<!DOCTYPE html>
<html lang="en">
<head><meta charset="UTF-8"><title>Document</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@4/lib/themes/vue.css">
</head>
<body><nav><a href="#/">EN</a><a href="#/zh-cn/">中文</a></nav><div id="app"></div><script>window.$docsify = {name: '',repo: '',loadNavbar: true,  // 启用导航栏search: {maxAge: 86400000,           // 过期时间，单位毫秒，默认一天paths: 'auto',              // 自动索引所有文档placeholder: {'/zh-cn/': '搜索','/': 'Type to search'},noData: {'/zh-cn/': '找不到结果','/': 'No Results'},depth: 6,                   // 搜索标题的最大层级, 1 - 6hideOtherSidebarContent: false, // 是否隐藏其他侧边栏内容namespace: 'docs-search',    // 避免搜索索引冲突pathNamespaces: ['/zh-cn']  // 使用不同的索引作为路径前缀}}</script><!-- Docsify v4 --><script src="//cdn.jsdelivr.net/npm/docsify@4"></script><!-- 搜索插件 --><script src="//cdn.jsdelivr.net/npm/docsify/lib/plugins/search.min.js"></script><!-- emoji 插件 --><script src="//cdn.jsdelivr.net/npm/docsify/lib/plugins/emoji.min.js"></script>
</body>
</html>

创建一个 _navbar.md 文件，包含多级导航和 emoji

* [:us: English](/)
* [:cn: 中文](/)* :book: 文档* [项目介绍](/)* [快速开始](start-docs.md)

参考

  1. docsify

相关文章：

docsify

macos ➜ ~ node -v v16.20.2➜ ~ npm --version 8.19.4全局安装 docsify-cli 工具 npm i docsify-cli -g➜ ~ docsify -vdocsify-cli version:4.4.4初始化项目 docsify init ./docsls -ah docs . .. .nojekyll README.md index.htmlindex.html 入口文件README.md 会…...

编程日记 2024/12/20 9:35:07

GEE教程——使用 CHIRPS 和 GSMaP 数据集计算并可视化了特定区域的降水量

目录 简介 函数 ee.Image.pixelLonLat() No arguments. Returns: Image visualize(bands, gain, bias, min, max, gamma, opacity, palette, forceRgbOutput) Arguments: Returns: Image 代码解释 代码 结果 简介 GEE教程——使用 CHIRPS 和 GSMaP 数据集计算并可视…...

编程日记 2024/12/20 9:34:06

前端实现页面自动播放音频方法

前端实现页面视频在谷歌浏览器中自动播放音频方法 了解Chrome自动播放策略 在Chrome和其他现代浏览器中&#xff0c;为了改善用户体验&#xff0c;自动播放功能受到了限制。Chrome的自动播放策略主要针对有声音的视频&#xff0c;目的是防止页面在用户不知情的情况下自动播放声…...

编程日记 2024/12/20 9:33:05

【Nginx-5】Nginx 限流配置指南：保护你的服务器免受流量洪峰冲击

在现代互联网应用中&#xff0c;流量波动是常态。无论是突发的用户访问高峰&#xff0c;还是恶意攻击&#xff0c;都可能导致服务器资源耗尽&#xff0c;进而影响服务的可用性。为了应对这种情况&#xff0c;限流&#xff08;Rate Limiting&#xff09;成为了一种常见的保护措施…...

编程日记 2024/12/20 9:32:03

【芯片设计- RTL 数字逻辑设计入门 番外篇 7.1 -- 基于ATE的IC测试原理】

文章目录 ATE 测试概述Opens/Shorts测试Leakage测试AC测试转自：漫谈大千世界 漫谈大千世界 2024年10月23日 23:17 湖北 ATE 测试概述 ATE（Automatic Test Equipment）是用于检测集成电路（IC）功能完整性的自动测试设备。它在半导体产业中扮演着至关重要的角色，主要用于检…...

编程日记 2024/12/20 9:30:01

SurfaceFlinger 学习

Android 图形系统之七&#xff1a;SurfaceFlinger-CSDN博客 CSDN...

编程日记 2024/12/20 9:27:59

Flink SQL 从一个SOURCE 写入多个Sink端实例

一. 背景 FLINK 任务从一个数据源读取数据, 写入多个sink端. 二. 官方实例 写入多个Sink语句时&#xff0c;需要以BEGIN STATEMENT SET;开头&#xff0c;以END;结尾。--源表 CREATE TEMPORARY TABLE datagen_source (name VARCHAR,score BIGINT ) WITH (connector datagen …...

编程日记 2024/12/20 9:26:58

python飞机大战游戏.py

python飞机大战游戏.py import pygame import random# 游戏窗口大小 WINDOW_WIDTH 600 WINDOW_HEIGHT 800# 颜色定义 BLACK (0, 0, 0) WHITE (255, 255, 255)# 初始化Pygame pygame.init()# 创建游戏窗口 window pygame.display.set_mode((WINDOW_WIDTH, WINDOW_HEIGHT))…...

编程日记 2024/12/20 9:23:55

【C++】14___String容器

目录 一、string基本概念 二、string赋值操作 三、字符串拼接 四、 string查找和替换 五、 string字符串比较 六、string插入和删除 七、string子串 一、string基本概念 本质&#xff1a;string是C风格的字符串&#xff0c;而string本质上是一个类 string和char*区别&am…...

编程日记 2024/12/20 9:21:54

数据特性库 前言

文章目录 一、num-traits库简介二、核心功能三、更新功能四、使用方式五、应用示例六、结论 一、num-traits库简介 num-traits是Rust编程语言中的一个开源库&#xff0c;专注于为数值类型提供一系列的数学运算特性和接口。它支持泛型数学计算&#xff0c;允许开发者在不指定具…...

编程日记 2024/12/20 9:18:51

jdk和cglib动态代理区别

目标类不同 jdk目标类需要实现接口。 cglib不需要。 代理类生成方式不同 jdk内部字节码生成代理类。 cglib使用ASM字节码生成库生成代理类。 代理类和目标类关系不同 jdk代理类实现目标类接口&#xff0c;jdk无法代理目标类中static或private的方法。 cglib 代理类继承目标类…...

编程日记 2024/12/20 9:16:49

部署Mysql、镜像和容器、常见命令

目录 部署Mysql 镜像和容器 常见命令 部署Mysql 可以有多个容器 docker run -d \--name mysql \-p 3306:3306 \-e TZAsia/Shanghai \-e MYSQL_ROOT_PASSWORD123 \mysql docker run -d \--name mysql2 \-p 3307:3307 \-e TZAsia/Shanghai \-e MYSQL_ROOT_PASSWORD123 \mys…...

编程日记 2024/12/20 9:15:48

【数学】P2671 [NOIP2015 普及组] 求和

题目背景 NOIP2015 普及组 T3、深入浅出进阶1-5 题目描述 一条狭长的纸带被均匀划分出了 n n n 个格子&#xff0c;格子编号从 1 1 1 到 n n n。每个格子上都染了一种颜色 c o l o r i color_i colori​ 用 [ 1 , m ] [1,m] [1,m] 当中的一个整数表示&#xff09;&…...

编程日记 2024/12/20 9:14:46

【AI图像生成网站Golang】项目测试与优化

AI图像生成网站 目录 一、项目介绍 二、雪花算法 三、JWT认证与令牌桶算法 四、项目架构 五、图床上传与图像生成API搭建 六、项目测试与优化 六、项目测试与优化 在开发过程中&#xff0c;性能优化是保证项目可扩展性和用户体验的关键步骤。本文将详细介绍我如何使用一…...

编程日记 2024/12/20 9:13:45

vue常用自定义指令

参考链接1https://blog.csdn.net/m0_67584973/article/details/139300966?spm1001.2014.3001.5501 参考链接2https://juejin.cn/post/7067051410671534116...

编程日记 2024/12/20 9:11:42

以太网帧、IP数据报图解

注&#xff1a;本文为 “以太网帧、IP数据报”图解相关文章合辑。 未整理去重。 以太网帧、IP数据报的图解格式&#xff08;包含相关例题讲解&#xff09; Rebecca.Yan已于 2023-05-27 14:13:19 修改 一、基础知识 UDP 段、IP 数据包&#xff0c;以太网帧图示 通信过程中&…...

编程日记 2024/12/20 9:10:41

01.大模型起源与发展

知识点 注意力机制&#xff08;Attention&#xff09;的主要用途是什么&#xff1f; 选择重要的信息并忽略不相关的信息 Transformer 模型是基于什么理论构建的&#xff1f; C. 注意力机制&#xff08;Attention&#xff09; GPT 和 BERT 的主要区别是什么&#xff1f; C. GPT…...

编程日记 2024/12/20 9:09:40

leetcode刷题日记03——javascript

题目3&#xff1a; 回文数https://leetcode.cn/problems/palindrome-number/ 给你一个整数 x &#xff0c;如果 x 是一个回文整数&#xff0c;返回 true &#xff1b;否则&#xff0c;返回 false 。 回文数是指正序&#xff08;从左向右&#xff09;和倒序&#xff08;从右向…...

编程日记 2024/12/20 9:08:38

vue横向滚动日期选择器组件

vue横向滚动日期选择器组件 组件使用到了element-plus组件库和dayjs库&#xff0c;使用前先保证项目中已经下载导入 主要功能&#xff1a;选择日期&#xff0c;点击日期可以让此日期滚动到视图中间&#xff0c;左滑右滑同理&#xff0c;支持跳转至任意日期&#xff0c;支持自…...

编程日记 2024/12/20 9:07:37

【大模型】大模型项目选择 RAGvs微调？

RAG 输入问题&#xff0c;在知识库匹配知识&#xff0c;构建提示词&#xff1a;基于{知识}回答{问题} 微调 用知识问答对重新训练大模型权重&#xff0c;输入问题到调整后的大模型 如何选择 如果业务要求较高&#xff0c;RAG和微调可以一起使用 1-动态数据 选择RAG 原因&a…...

编程日记 2024/12/20 9:05:35

Python与OpenCV实战：图像对比度与亮度调整的算法解析与优化

1. 图像处理中的对比度与亮度基础 当你用手机拍完照片觉得太暗或者颜色不够鲜艳时&#xff0c;通常会下意识地滑动"亮度"和"对比度"调节条。这背后的数学原理&#xff0c;其实就是我们要探讨的核心算法。在OpenCV中&#xff0c;调整图像对比度和亮度的基础…...

编程新知 2026/4/1 16:00:32

Jar Analyzer：提升Java开发效率的全方位JAR分析工具

Jar Analyzer&#xff1a;提升Java开发效率的全方位JAR分析工具 【免费下载链接】jar-analyzer Jar Analyzer - 一个 JAR 包 GUI 分析工具&#xff0c;方法调用关系搜索&#xff0c;方法调用链 DFS 算法分析&#xff0c;模拟 JVM 的污点分析验证 DFS 结果&#xff0c;字符串搜索…...

编程新知 2026/4/1 15:54:29

像素剧本圣殿惊艳案例：故障艺术标题下生成的赛博朋克短剧完整场次

像素剧本圣殿惊艳案例&#xff1a;故障艺术标题下生成的赛博朋克短剧完整场次 1. 像素剧本圣殿创作工具介绍 Pixel Script Temple&#xff08;像素剧本圣殿&#xff09;是一款基于Qwen2.5-14B-Instruct深度微调的专业剧本创作工具。这个独特的创作平台将先进的AI推理能力与复…...

编程新知 2026/4/1 15:54:29

万象视界灵坛效果展示：血条样式进度条直观呈现各标签置信度差异

万象视界灵坛效果展示&#xff1a;血条样式进度条直观呈现各标签置信度差异 1. 平台概览 万象视界灵坛是一款基于OpenAI CLIP技术的高级多模态智能感知平台。它通过创新的像素风格界面&#xff0c;将复杂的视觉识别任务转化为直观的交互体验。平台采用16-Bit游戏美学设计&…...

编程新知 2026/4/1 14:32:55

LFM2.5-1.2B-Thinking多场景落地：Ollama支持下的技术博客写作、论文摘要生成案例

LFM2.5-1.2B-Thinking多场景落地&#xff1a;Ollama支持下的技术博客写作、论文摘要生成案例 你是不是也遇到过这样的烦恼&#xff1a;想写一篇技术博客&#xff0c;对着空白的文档发呆半天&#xff0c;不知道从何下笔&#xff1b;或者面对一篇几十页的学术论文&#xff0c;需…...

编程新知 2026/4/1 14:32:55

深入ComfyUI插件系统：从启动流程看自定义节点（Custom Nodes）是如何被动态加载的

深入ComfyUI插件系统&#xff1a;从启动流程看自定义节点&#xff08;Custom Nodes&#xff09;是如何被动态加载的 在AIGC技术快速发展的今天&#xff0c;ComfyUI凭借其高度模块化的设计成为众多开发者的首选工具。对于想要深度定制工作流或开发专属插件的进阶开发者而言&…...

编程新知 2026/4/1 12:32:18

从《魔兽世界》到你的项目：拆解一个高可用的Unity Buff系统架构设计

从《魔兽世界》到你的项目&#xff1a;拆解一个高可用的Unity Buff系统架构设计 在MMO游戏的黄金时代&#xff0c;《魔兽世界》的Buff系统曾让无数玩家着迷——从圣骑士的光环到法师的变形术&#xff0c;每个效果背后都隐藏着精密的系统设计。如今&#xff0c;这些经过千万级用…...

编程新知 2026/4/1 12:18:11

MiniCPM-o-4.5-nvidia-FlagOS企业案例：HR简历图像扫描+关键信息结构化提取

MiniCPM-o-4.5-nvidia-FlagOS企业案例&#xff1a;HR简历图像扫描关键信息结构化提取 1. 引言&#xff1a;当HR遇上堆积如山的纸质简历 想象一下这个场景&#xff1a;公司招聘季&#xff0c;HR的办公桌上堆满了上百份纸质简历。每一份都需要手动录入系统——姓名、电话、邮箱…...

编程新知 2026/4/1 11:07:28

重新定义交通安全研究范式：基于无人机轨迹数据的数字孪生解决方案

重新定义交通安全研究范式&#xff1a;基于无人机轨迹数据的数字孪生解决方案 【免费下载链接】UCF-SST-CitySim1-Dataset 项目地址: https://gitcode.com/gh_mirrors/ucf/UCF-SST-CitySim-Dataset 在自动驾驶技术快速发展的今天&#xff0c;传统交通安全研究面临着一个…...

编程新知 2026/4/1 10:59:16

Krita AI Diffusion插件IP-Adapter缺失问题深度解析与实战解决方案

Krita AI Diffusion插件IP-Adapter缺失问题深度解析与实战解决方案 【免费下载链接】krita-ai-diffusion Streamlined interface for generating images with AI in Krita. Inpaint and outpaint with optional text prompt, no tweaking required. 项目地址: https://gitcod…...

编程新知 2026/4/1 10:14:36