从一个励志故事发现了特别牛掰的搭建静态网站的开源工具Docusaurus,很上头

起初只是看到这篇CSDN推送的励志故事,突然发现Docusaurus很合我意,但在简中范围内查询了一下发现东西不少,但都只聊得比较肤浅,不能让小白很快理解,不过建议还是应该看一下Docusaurus术语相关的分享,下面是创作助手给出的信息,

Docusaurus是一个用于构建静态网站的开源工具,可以用于创建个人网站。以下是使用Docusaurus构建私人网站的步骤:

  1. 安装Node.js:Docusaurus是一个基于Node.js的工具,所以首先需要安装Node.js。可以访问Node.js官方网站下载安装程序,然后按照安装向导进行安装。
  2. 创建一个新的Docusaurus项目:打开命令行界面,进入你想要创建项目的目录,在命令行中运行以下命令:
npx @docusaurus/init@latest init my-website classic

这将使用Docusaurus模板创建一个新的Docusaurus项目。
3. 进入项目目录:运行以下命令,进入项目目录:

cd my-website
  1. 编辑配置文件:使用你喜欢的文本编辑器打开docusaurus.config.js文件,这是Docusaurus的配置文件。在文件中,你可以修改网站的标题、描述和其他设置。
  2. 编辑页面内容:在docs文件夹中创建Markdown文件来编写网站的内容。每个Markdown文件对应网站中的一个页面。可以使用Markdown语法编写内容,并可以在文件头部添加一些元数据,如标题和描述。
  3. 启动本地开发服务器:在命令行中运行以下命令,启动Docusaurus的本地开发服务器:
npm run start

这将在本地启动一个服务器,并在浏览器中打开网站。
7. 构建网站:当你对网站内容进行了修改并准备好发布时,可以运行以下命令构建静态网站:

npm run build

这将生成一个可发布的静态网站,存储在build文件夹中。
8. 部署网站:将生成的静态网站文件上传到一个Web服务器上,以将网站部署到互联网上。你可以使用各种各样的Web服务器来托管Docusaurus网站,如Apache、Nginx等。
这些是使用Docusaurus构建私人网站的基本步骤。你可以根据自己的需求和喜好进一步定制和扩展你的网站。Docusaurus文档提供了更详细的指南和教程,你可以访问Docusaurus官方网站获得更多信息。

需要提醒的是,这里涉及到两部分,第一是Docusaurus本身,它可以把md文件生成为静态网站文件,当然包括网站需要的所有构架的相关文件;第二个是网站,可以是Apache、Nginx或其他的Web Server。
虽然Docusaurus有一定的网站功能,但对环境还是有一定要求的,用单片机没有成功,而且Docusaurus对Markdown格式还是有要求的,不接受HTML控制符,但同时有很多漂亮的扩展,这些扩展又是一般Markdown 编辑器不认识的,在也是需要探索和平衡的地方。比如下面的控制符例子:

:::note

Some content with Markdown syntax. Check this api.

:::

:::tip

Some content with Markdown syntax. Check this api.

:::

:::info

Some content with Markdown syntax. Check this api.

:::

:::warning

Some content with Markdown syntax. Check this api.

:::

:::danger

Some content with Markdown syntax. Check this api.

:::

在这里插入图片描述

👆在IT书中经常会看到的符号,现在可以很方便地用在Docusaurus文件中。

安装Node.js所需的空间取决于所下载的安装包的版本和平台。一般来说,Windows平台的安装包大小约为30-50MB,Mac平台的安装包大小约为10-20MB,Linux平台的安装包大小约为10-20MB。但是,请注意,这只是安装包的大小,实际安装后会占用更多的空间,因为安装过程中会解压和复制一些必要的文件和库。因此,建议在安装Node.js之前保留足够的磁盘空间,以便能够容纳安装和运行Node.js所需的文件和依赖项。

安装和运行Node.js还是比较出问题,需要关注。

docusaurus的官方中文说明

在此分享一个台湾人做的非常好理解的视频,
链接: https://pan.baidu.com/s/1AV7816WQR-wlIte-dBaCNg 提取码: 0l3g 110MB

目前还没有搞得太清楚的是从docusaurus发布到自己指定网站的流程,最好是用docusaurus的工具,自己手动还是容易出错。

有兴趣的网友请留言,希望可以一起挖掘探讨docusaurus。

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

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

相关文章

数据库 — 增删查改

一、操作数据库、表 显示 show databases;创建 create database xxx;使用 use xxx; 删除 drop database xxx;查看表; show tables; 查看表结构 desc 表名; 创建 create table 表名(字段1 类型1,字段2 类型2,.... ); 删除 drop table 表名; 二…

维修家用美容射频美容仪

今天收到客户寄过来的一款家用射频美容仪。根据客户的反馈,插电开机没反应,经过排查,原来是12v-2A电源坏了。给客户更换一个新电源就可以了。

Swift 入门学习:集合(Collection)类型趣谈-下

概览 集合的概念在任何编程语言中都占有重要的位置,正所谓:“古来聚散地,宿昔长荆棘;游人聚散中,一片湖光里”。把那一片片、一瓣瓣、一粒粒“可耐”的小精灵全部收拢、吸纳的井然有序、条条有理,怎能不让…

数据库的联表查询

多表查询和子查询 多表查询和子查询是解决复杂查询问题的两种常用方法。 【1】子查询 就相当于是我们在一步步解决问题 将一条SQL语句的查询结果括号当做另一条SQL语句的查询条件 -- 子查询select * form * where *;select * from * where (select * from * where *;); ​…

20240310-1-Java后端开发知识体系

Java 基础 知识体系 Questions 1. HashMap 1.8与1.7的区别 1.71.8底层结构数组链表数组链表/红黑树插入方式头插法尾插法计算hash值4次位运算5次异或运算1次位运算1次异或运算扩容、插入先扩容再插入先插入再扩容扩容后位置计算重新hash原位置或原位置旧容量 (1) 扩容因子…

qt 格式化打印 日志 QMessagePattern 格式词法语法及设置

一、qt源码格式化日志 关键内部类 QMessagePattern qt为 格式化打印日志 提供了一个简易的 pattern(模式/格式) 词法解析的简易的内部类QMessagePattern,作用是获取和解析自定义的日志格式信息。 该类在qt的专门精心日志操作的源码文件Src\qtbase\src\corelib\global\qloggi…

力扣hot100题解(python版63-68题)

63、搜索插入位置 给定一个排序数组和一个目标值,在数组中找到目标值,并返回其索引。如果目标值不存在于数组中,返回它将会被按顺序插入的位置。 请必须使用时间复杂度为 O(log n) 的算法。 示例 1: 输入: nums [1,3,5,6], target 5 输…

vue实现购物车功能

实现功能 CSS部分 <style>.tr {display: flex;}.th {margin: 10px;width: 20%;height: 50%;}.td {display: flex;margin: 10px;width: 20%;height: 100px;align-items: center;}.app-container .banner-box {border-radius: 20px;overflow: hidden;margin-bottom: 10px;}…

初识C语言—初识C语言

前言 C语言全面了解&#xff0c;全貌认识 细致的学习&#xff0c;细枝末节 什么是C语言 维基百科 C 语言是一种通用的高级语言&#xff0c;最初是由丹尼斯里奇在贝尔实验室为开发 UNIX 操作系统而设计的。C 语言最开始是于 1972 年在 DEC PDP-11 计算机上被首次实现。 在 1978 …

智慧安防视频远程监控平台EasyCVR集成后播放只有一帧画面是什么原因?

智慧安防视频监控平台EasyCVR能在复杂的网络环境中&#xff08;专网、局域网、广域网、VPN、公网等&#xff09;将前端海量的设备进行统一集中接入与视频汇聚管理&#xff0c;平台可支持的接入协议包括&#xff1a;国标GB28181、RTSP/Onvif、RTMP&#xff0c;以及厂家的私有协议…

基于springboot+layui仓库管理系统设计和实现

基于 java springbootlayui仓库管理系统设计和实现 博主介绍&#xff1a;多年java开发经验&#xff0c;专注Java开发、定制、远程、文档编写指导等,csdn特邀作者、专注于Java技术领域 作者主页 央顺技术团队 Java毕设项目精品实战案例《1000套》 欢迎点赞 收藏 ⭐留言 文末获取…

【Attribute】Inspector视图可视不可编辑字段特性

简介 在Unity开发中&#xff0c;有时候我们存在这种需求&#xff0c;需要在Inspector视图中可以查看字段信息但是无法对字段进行赋值&#xff0c;那么我们也可以像Unity内置的[SerializeField]、[Tooltip]等特性那样自定义一个特性&#xff0c;用于满足这个需求。 代码示例(C#…