Docsify:快速用Markdown文档搭建网站的利器

Github官方地址:Docsify

什么是Docsify?

对于经常写博客的人来说,markdown大家都不陌生。今天介绍一个在最近需求中碰到的软件Docsify,通过它能够将Markdown直接转换为网页。话不多说,下面直接介绍它的快速用法。

Docsify的快速使用

安装npm

按官方的推荐,可以使用npm命令安装,若系统不包含nodejs,需要提前安装。

下载解压node:

wget https://nodejs.org/dist/v16.20.2/node-v16.20.2-linux-x64.tar.gz
tar -zvxf node-v16.20.2-linux-x64.tar.gz
mv node-v16.20.2-linux-x64 node

配置环境变量:

vim ~/.bashrc
# 插入内容 例如/user/local/node/bin
export PATH=$PATH:${NodeJS的安装路径下的bin目录的地址} 
# 让环境变量生效source ~/.bashrc

安装完成后验证:

node -v 
# v16.20.2
npm -v
# 8.19.4

npm如果下载慢,可以换国内镜像。

安装docsify

通过npm安装docsify

npm i docsify-cli -g

快速入门

初始化项目:

docsify init ./docs

初始化后docs目录下将包含index.htmlREADME.md.nojekyll三个文件。

  • index.html:入口文件。

  • README.md:服务器启动时渲染会渲染该文件。

  • .nojeky11:用于阻止 GitHub Pages 忽略命名是下划线开头的文件。


运行docsify启动本地服务器:

docsify serve docs

运行成功后,打开http://{主机IP}:3000(默认端口为3000,可以通过-p参数指定),可以看到如下界面:

docsify-demo

编辑READMD.md中的内容,直接在网页端就能展示相应的内容。

Docsify的功能还包括:定义更多页面(通过创建多个文档)、定制化侧边栏、定制化导航栏、自定义封面、切换主题、自定义Markdown配置等等。具体可以去详细阅读Docsify的官方文档(中文官方文档地址)

结语

以上便是本文的全部内容,要是觉得不错可以点个赞或关注一下,若是有任何问题也敬请批评指正。

本文来自互联网用户投稿,该文观点仅代表作者本人,不代表本站立场。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如若转载,请注明出处:http://www.mzph.cn/news/877258.shtml

如若内容造成侵权/违法违规/事实不符,请联系多彩编程网进行投诉反馈email:809451989@qq.com,一经查实,立即删除!

相关文章

Apache、nginx

一、Web 1、概述 Web:为⽤户提供的⼀种在互联⽹上浏览信息的服务,Web 服务是动态的、可交互的、跨平台的和图形化的。 Web 服务为⽤户提供各种互联⽹服务,这些服务包括信息浏览服务,以及各种交互式服务,包括聊天、购物…

fastapi教程(五):中间件

一,什么是中间件 中间件是一种软件组件,它在请求到达应用程序处理程序之前和/或响应发送回客户端之前执行操作。 请求从客户端发出。 请求首先经过Middleware 1。 然后经过Middleware 2。 请求到达FastAPI路由处理器。 响应从路由处理器返回。 响应经过…

LeetCode242 有效的字母异位词

前言 题目: 242. 有效的字母异位词 文档: 代码随想录——有效的字母异位词 编程语言: C 解题状态: 成功解答! 思路 问题的本质就是两个字符串是否包含相同的元素。字符串的元素都是小写的字母,那么元素的种…

如何通过 CloudCanal 实现从 Kafka 到 AutoMQ 的数据迁移

01 引言 随着大数据技术的飞速发展,Apache Kafka 作为一种高吞吐量、低延迟的分布式消息系统,已经成为企业实时数据处理的核心组件。然而,随着业务的扩展和技术的发展,企业面临着不断增加的存储成本和运维复杂性问题。为了更好地…

Android Studio Module 引入aar

1. 把 aar 文件放到 module 的 libs 目录下 2. 作为 lib 的 module 的 build.gradle 文件: repositories {flatDir {dirs libs}}dependencies {.....implementation (name: TestLibrary-release, ext: aar)}3. app 的 build.gradle 文件:(必须配置) rep…

《LeetCode热题100》---<双指针篇四道>

本篇博客讲解LeetCode热题100道双指针篇中的 第一道:移动零(简单) 第二道:盛最多水的容器(中等) 第一道:移动零(简单) class Solution {public void moveZeroes(int[] nu…

web小游戏开发:拼图(一)

web小游戏开发:拼图(一) 拼图游戏规则拼图方式原始拼图对调拼图移动拼图拼图难度拼图交互puzzle8.com联众拼图其他部分拼图游戏准备工作htmljscss小结拼图游戏规则 对于拼图游戏来说,整理有两种拼图块,一种就是方形的,一种是不规则的,带有咬合齿的。一般来说,线下手工…

基于CentOS Stream 9平台安装JDK17.0.12

官方: https://www.oracle.com/java/technologies/downloads/#java17 1. 下载: https://download.oracle.com/java/17/latest/jdk-17_linux-x64_bin.tar.gz 2. 存放目录 mkdir /usr/local/javacd /usr/local/java3. 解压 tar -zxvf jdk-17_linux-x64_…

除了GPT,还有哪些好用的AI工具?

最强AI视频生成:小说文案智能分镜智能识别角色和场景批量Ai绘图自动配音添加音乐一键合成视频百万播放量https://aitools.jurilu.com/ 多得很,这20个免费的国产AI工具,打工人必备,除了比chatGPT好用,甚至还可以用来变现…

Linux:进程通信之管道

管道 A.What 本质是内核缓存区 B. 管道的特点 内核缓冲区大小固定位4k管道独立于进程存在管道的数据结构:环形队列(读端和写端)单工:写端流向读端读数据相当于出队列默认阻塞:管道无数据,默认读端阻塞&am…

C语言中的指针基础

文章目录 🍊自我介绍🍊地址🍊C语言中的指针 你的点赞评论就是对博主最大的鼓励 当然喜欢的小伙伴可以:点赞关注评论收藏(一键四连)哦~ 🍊自我介绍 Hello,大家好,我是小珑也要变强&am…

099、Python 从网站上下载图片,并压缩发送到指定邮箱中

要实现从网站上下载图片,并压缩发送到指定邮箱中,可以按下面步骤进行编程。 一、从网络上下载图片: 这里我们使用requests 模块,requests 模块是一个非常流行的 HTTP 库,用于发送各种 HTTP 请求。 1、安装 pip ins…

论文阅读-《Distant Supervision for Relation Extraction beyond the Sentence Boundary》

文章提出了首个将远程监督应用于跨句子关系提取的方法,通过整合句内和句间关系,利用图表示和多路径特征提取提高了准确性和鲁棒性。 摘要 文章提出了一种新的方法,用于在远程监督下进行跨句子的关系抽取。这种方法利用图表示来整合依赖和话…

七天学Flutter(day0)

前言 上周把这周的需求提前干完了,准备突击学习一下flutter。其实早就年初就想学习flutter,但是种种原因没有学习。这里不过多概述。 基础情况:没有学过dart以及flutter;有一定compose、kotlin安卓原生基础 O:坚持打卡…

常用传感器讲解十五--触摸传感器(KY-036)

常用传感器讲解十五–触摸传感器(KY-036) 具体讲解 这个比较简单,就是触摸后给个信号 电路连接 在Arduino上将VCC引脚连接到5V。 将GND连接到Arduino的GND。 将OUT连接到Arduino上的D2 代码实现 void setup() {pinMode(2, INPUT);Seri…

spark 3.0.0源码环境搭建

环境 Spark版本:3.0.0 java版本:1.8 scala版本:2.12.19 Maven版本:3.8.1 编译spark 将spark-3.0.0的源码导入到idea中 执行mvn clean package -Phive -Phive-thriftserver -Pyarn -DskipTests 执行sparksql示例类SparkSQLExam…

vue使用crypto-js对数据进行加解密

vue使用crypto-js对数据进行加解密 1, 创建DES加密和解密方法 // 导入 import CryptoJS from crypto-js/** * DES加密函数 * data: 需要加密的数据 * key: 加密的key * */ export function encrypt(data, key 123456) {// 将密钥转换为UTF-8编码的字节数组key CryptoJS.enc…

Kotlin 的优势:现代编程语言的卓越选择

文章目录 简洁与优雅的语法空安全特性函数式编程,支持高阶函数、lambdaKotlin 内联函数与 Java 的互操作性强大的类型推断协程支持lazy 委托object 单例模式区间表达式现代的开发工具支持 本文首发地址 https://h89.cn/archives/301.html 最新更新地址 https://gite…

科学设计程序员面试内容,破解“八股文”之弊

“八股文”在实际工作中是助力、阻力还是空谈? 作为现在各类大中小企业面试程序员时的必问内容,“八股文”似乎是很重要的存在。但“八股文”是否能在实际工作中发挥它“敲门砖”应有的作用呢?有IT人士不禁发出疑问:程序员面试考…

使用UsageStatsMannager获取应用使用时长

摘要 UsageStatsManager.queryEventStats:一般是用来根据最近时间戳找到top进程 UsageStatsManager.queryAndAggregateUsageStats:获取聚合后的应用前台使用时长 UsageStatsManager.queryEvents:自己计算每个进程的运行时长和启动次数(包含Activity和Service ForeGround 事件…