如何搭建自己的系统化知识平台—Markdown

本文介绍了如何利用React搭建一个系统化的Markdown知识平台,从Markdown的基本语法到项目的创建、安装包、解析Markdown,再到进阶的布局、路由和自定义markdown解析函数,详细阐述了整个过程。
摘要由CSDN通过智能技术生成

一、摘 要

目前内容产业比较火,输出更高质量的内容将变得越来越重要,因为互联网一直都在潜移默化地影响着我们。在各大自媒体平台发布图文/视频固然是一个不错的选择,但是Ofter可能要求较高,不希望有发布次数限制,无缘无故被审核不通过,修改内容有限制,无法发布动图等等。

因此,Ofter痛下决心学习搭建自己的系统化知识平台。之前Ofter介绍过如何使用布局如何搭建网站,确实比较基础也比较繁琐。目前在各大平台发布内容,基本上都使用Markdown编辑器,线下编辑好markdown文件,发布到互联网上岂不很舒服?

二、Markdown

我们经常看到的md文件就是markdown,写起来确实挺方便。

如何能将md文件内容呈现在网上呢?如下图:

首先,我们需要了解下markdown的一些使用规范。

  1. 标题(需空格)
# 一级标题
## 二级标题
### 三级标题
依次类推

2.目录(单独一行)

[TOC]

3.字体(不要空格)

** **:加粗
* *:斜体
*** ***:斜体加粗
~~ ~~:删除线

4.引用

>

5.分割线(需空格)

--- 和 ***

6.图片

![图片名字](图片路径)

7.超链接

[链接名称](链接路径)
//例如:[百度链接](www.baidu.com)

8.列表(需空格)

有序列表:1. 
无序列表:*或-

9.代码

```
代码

```

三、搭建项目

开发工具:Pycharm

开发语言:React

安装包工具:Node

1.创建项目

在左下角terminal执行如下命令

npm install -g create-react-app
create-react-app XXX   //项目名
cd XXX //项目名

2.安装包

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 打赏
    打赏
  • 2
    评论
评论 2
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包

打赏作者

Officetouch数据科学

将知识收为己用

¥1 ¥2 ¥4 ¥6 ¥10 ¥20
扫码支付:¥1
获取中
扫码支付

您的余额不足,请更换扫码支付或充值

打赏作者

实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值