静态站点生成器哪家强?

news2024/10/18 19:20:15

有一种方法,让你写好文档后,快速地让同事、用户和合作伙伴看到,这就是静态站点生成器。 

静态站点生成器是一种软件,用于创建不需要服务器端脚本的网站。这些网站由纯HTML文件组成,可能还包括CSS和JavaScript来增强功能和用户体验。你只需要编写Markdown文件,它可以快速地生成一个网站。 

现在静态站点生成器有很多, 这个视频就跟你分享我最近体验过的4个。

1 -

Jekyll

首先来看看Jekyll

Jekyll使用Ruby编程语言编写,由GitHub创始人之一Tom Preston创建。它使用Markdown作为默认的文本格式,并通过Liquid模板引擎生成静态HTML页面。Jekyll的设计理念是将文本内容与样式分离,便于管理和维护。它支持丰富的插件和主题,用户可以根据自己的需求进行定制。同时,Jekyll生成的静态网页加载速度快,对服务器资源要求低,具有高性能和安全性。它易于部署,只需将生成的文件上传到支持静态文件托管的地方,如GitHub Pages等即可。Jekyll广泛用于搭建个人博客、项目文档和小型网站。

2 -

MKDocs

第二个是MKDocs

MkDocs使用Markdown编写文档源文件,并通过YAML配置文件进行站点设置。它支持多种预设主题和自定义主题,允许用户根据需求定制文档的外观和感觉。MkDocs能够自动生成导航栏,方便用户在不同页面间导航。它还支持文档的版本控制,为不同版本的项目维护不同的文档集。此外,MkDocs拥有一个插件系统,允许用户扩展其功能,如添加搜索功能等。MkDocs生成的文档是静态HTML文件,可以部署在任何静态文件服务器上,包括GitHub Pages等。同时,它提供了一个开发服务器,支持实时预览文档效果,方便用户在编写文档时查看和调整。

3 -

Docusaurus

第三个是Docusaurus

Docusaurus由Facebook的工程师使用React开发的。Docusaurus主要用于快速搭建、部署和维护文档网站,如开发文档、技术文档、产品文档等。它使用Markdown编写内容,简化了文档网站的搭建过程,并提供了易于使用的命令行工具和预设模板。同时,Docusaurus支持多语言文档和版本控制,方便文档的维护和更新。Docusaurus允许开发者自定义整个文档网站的主题、布局、字体等,使文档网站更加个性化。Docusaurus自动生成的网站具有响应式布局,可以在不同设备上自适应显示。国内不少公司使用Docusaurus来搭建文档中心,比如:声网

4 -

VitePress

第四个是VitePress

如果你所在的团队对Vue比较熟悉, 那么VitePress是一个不错的选择。VitePress支持Markdown、Vue组件、自定义主题和前端配置,提供快速开发体验和简单的部署方案。它兼容Vue3和VueRouter4,允许开发者在Markdown文件中使用Vue组件,增加文档的交互性。VitePress内置了自动侧边栏生成、导航和搜索功能,方便用户浏览和查找文档内容。它还支持主题定制,开发者可以根据需求修改主题配置,添加导航栏、侧边栏等元素。VitePress适用于构建技术文档、博客、官方网站等类型的站点,帮助开发者快速搭建美观、易于维护的文档站点。

这个是我使用VitePress搭建的我们产品的文档中心。 

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

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

相关文章

【PhpSpreadsheet】ThinkPHP5+PhpSpreadsheet实现批量导出数据

目录 前言 一、安装 二、API使用 三、完整实例 四、效果图 前言 为什么使用PhpSpreadsheet? 由于PHPExcel不再维护,所以建议使用PhpSpreadsheet来导出exlcel,但是PhpSpreadsheet由于是个新的类库,所以只支持PHP7.1及以上的版…

如何激活Windows server服务器

步骤: 一、用VMware虚拟机安装了Windows server服务器之后的状态 图1-1 查看Windows server2019 系统信息 图1-2 在桌面上查看个性化,提示系统未激活 二、激活的步骤: 1.找激活工具 图1-2 寻找激活工具并准备拖拽到虚拟服务器中 2.解压…

【服务器虚拟化是什么?】

🎥博主:程序员不想YY啊 💫CSDN优质创作者,CSDN实力新星,CSDN博客专家 🤗点赞🎈收藏⭐再看💫养成习惯 ✨希望本文对您有所裨益,如有不足之处,欢迎在评论区提出…

微信小程序使用MQTT连接阿里云

目录 一、新建项目和项目整体配置​ 二、MQTT 下载引入和配置连接​ 三、阿里云配置 1、创建产品及设备 2、数据进行云流转 四、创建 MQTT 连接​ 五、微信小程序配置 六、效果展示 1、微信小程序发送控制命令 2、LED台灯反馈LED状态 七、微信小程序项目完整代码 一…

不同晶圆厂的简单分析

以下是各类晶圆厂的投资情况、技术特点、应用场合、代表性公司以及建厂难度分析: 1. 先进逻辑芯片制造商: ->投资情况:台积电在美国亚利桑那州凤凰城的5nm半导体厂,三年总投资约120亿美元。 ->技术特点:使用最先进的制程技术,如5nm、3nm等,包括极紫外(EUV)光…

《太吾绘卷》风灵月影游戏辅助好不好用?《太吾绘卷》风灵月影游戏辅助功能 全解析

太吾绘卷风灵月影修改器可调整游戏多项数据,助力玩家轻松过关。启动游戏后,按数字键1开启无敌模式,数字键2锁定时间,数字键3实现物品不消耗,Ctrl数字键1则能获得无限银钱等功能,为玩家提供全方位的游戏辅助…

如何删除Maven

1.找到Maven安装路径 方法一: 可以直接在文件资源管理器里面选中“此电脑”然后右上角搜“apache-maven”,这个过程可能长达几分钟甚至更久 方法二: 这里推荐一个名叫“Everything”的软件,能够快速的查找到需要的文件 2.找到本…

登录前端笔记(二):vuex管理用户数据;跨域;axios封装;环境;请求响应拦截;权限;用户资料Vuex共享

一、Vuex登录流程之用户模块: 简言之:点击登录调用actions且得到token,把得到的token提交给mutations从而修改state里的数据。 原视频 (1)Vuex用户模块流程 组件页面里点击登录后,调用stores里的actions&…

罹患眼肿瘤艰难求医,爱尔眼科“眶护光明”公益助力患者解除眼疾

来自达川区管村镇高寨村的冉启珍,家庭人口共4人,家里户主丈夫吴让洪于2018年患脑梗,又于2021年复发脑溢血,致肢体二级残疾,患有高血压等慢性病,需要长期服药,完全丧失劳动能力,长期需…

开源OpenStack

1.查询HCS基于OpenStack哪个版本开发 2.九大核心组件 OpenStack可以对接FC也可以对接KVM主机;(OpenStack 对接华为FusionCompute,一个集群对应 openstack 一台计算主机)-引申出nova compute 2.1nova nova两个核心组件nova contro…

期刊论文投稿指南:如何利用ChatGPT精准选择合适的期刊?

知学术AIPaperGPT,论文写作神器~ https://www.aipapergpt.com/ 在学术论文的写作与发表过程中,选择合适的期刊往往是投稿成功的关键一步。面对众多期刊,研究者常常感到迷茫,不知道该如何匹配期刊与自己的研究方向。这时&#xf…

AD服务器超过180天未使用导致数据同步复制失败

问题描述 【适用版本】:FusionAccess 所有版本 环境在操作域站点间执行AD复制副本时出现如下错误:“AD不能与此服务器复制,因为距上一次与此服务器复制的时间已经超过了tombstone生存时间,此操作不能继续。”导致其他服务器、虚拟…

Xshell上Linux的基础指令

目录 1、Xshell的使用 2、Linux的常用命令 2.1 位置跳转命令 1、ls 2、cd 3、pwd 2.2 文件操作 1、touch 2、cat 3、echo 4、vim 2.3 目录操作 1、mkdir 2、rm 2.4 移动操作 1、mv 2、cp 2.5 命令手册 2.6 查找操作 2.7 进程展示 2.8 网络信息 3、搭建w…

太速科技-509-基于XCVU13P的4路QSFP28光纤PCIeX16收发卡

基于XCVU13P的4路QSFP28光纤PCIeX16收发卡 一、板卡概述 基于XCVU13P的4路QSFP28光纤PCIeX16收发卡。该板卡要求符合PCIe 3.0标准,包含一片XCVU13P-2FLGA2014I、4组64-bit/8GB DDR4;4路QSFP28 4X光纤,每路光纤支持4X25Gbps&#…

JavaSE之多态

文章目录 多态的概念多态的实现条件向上转型动态绑定静态绑定向下转型Object类 给个关注叭        个人主页 JavaSE专栏 前言:本篇文章主要整理了多态的概念、实现条件、多态性的体现、向上转型、向下转型、动态绑定和静态绑定以及Object类中的equals、toStri…

web网页---QQ注册页面的实现

代码部分 <title>QQ注册</title> </head> <style>.text-style1 {color: black;font-size: 28px;}.text-style2 {color: rgb(37, 37, 37);font-size: 17px;}.text-style3{color: rgba(189, 185, 185, 0.904);font-size: 9px;}.text-style4 {color: rg…

[枚举坤坤]二进制枚举

啊&#xff0c;哈喽&#xff0c;小伙伴们大家好。我是#Y清墨&#xff0c;今天呐&#xff0c;我要介绍的是二进制枚举。 简介 TA是枚举算法中的一种特例&#xff0c;其主要运用在求某一集合的子集个数这一算法中。其基本概念就是利用二进制数中的1与0代表选择与否&#xff0c;其…

gradle镜像下载地址

gradle镜像下载地址:Index of /gradle/https://mirrors.cloud.tencent.com/gradle/

MongoDB 的安装详情

在虚拟机里面opt下 新建一个mongodb文件夹 再新建一个opt/mongodb/data文件夹&#xff0c; 然后将挂载的mongodb数据放到data文件夹里&#xff1a; 【把mongodb的数据挂载出来&#xff0c;以后我们再次重启的时候 数据起码还会在】 冒号右边 挂载到左边的路径 docker run -…

vue npm run ...时 报错-系统找不到指定的路径

vue项目修改时&#xff0c;不知道那一步操作错误了&#xff0c;运行npm run …时报错 系统找不到指定的路径&#xff0c;对此进行记录一下&#xff01; 解决方法&#xff1a; 1、执行 npm install 命令&#xff0c;重新下载模块 2、根据下方提示执行 npm fund 查看详细信息 …