yarn add remark-gfm # 这个是插件,为了识别gfm格式的markdown yarn add markdown-navbar # 这个是为了生成目录 1. 2. 3. 前端页面 前端页面 2 部分,一个 jsx,一个 css import React, { useState, useEffect } from 'react'; import ReactMarkdown from 'react-markdown'; import gfm from 'remark-gfm...
如以下目录结构:+ pages/ + $post/ - index.js - comments.js + users/ $id.js - index.js 会生成的路由配置如下:[ { path: '/', component: './pages/index.js' }, { path: '/users/:id', component: './pages/users/$id.js' }, { path: '/:post/', component: './pages/$post/...
点击nav button添加语法块 自动在编辑器设置插入点 支持选中文字 点击按钮加入加粗/斜体等样式 @[toc]添加目录 TODO 快捷键监听 思路 使用Selection 和 Range API 实现获取鼠标选中区域内容以及改变选中区域元素 实现大部分文字操作功能 如 加粗 就是在选中的区域两侧加入 ** ** 代码示例 const selObj = window.ge...
使用react + koa2 + Markdown + webpack + typescript 从零手撸个人博客,本篇首先介绍如何使用tdtool(自己基于webpack2的一个简单封装)搭建koa2 + typescript + react的同构工程。 目录结构 2018-1-1-setupblog1.jpg 首先按照上图规划目录结构: articles 存放所有的markdown文件,按照年/月/日的目录层级划分...
1、首先看最外层的pipe,先是readDirs(R.lt(0), root)读取错root目录下,目录名是数字且大于0(R.lt(0))的子目录[years] 2、再对读出来的子目录做一次map、reduce,reduce操作是将map出来的数组合并成一个Object,即{},接下来再看map操作得出的是怎样的数组 ...
基于React开发了⼀个Markdown⽂档站点⽣成⼯具 是⼀个使⽤ React 的 markdown ⽂档站点⽣成⼯具。就像⼀样，开发者可以使⽤ Create React Doc 来开发、部署 markdown 站点或者博客⽽不⽤关⼼站点环境配置信息。特性 零配置书写 markdown ⽂档站点。markdown ⽂档⽀持懒加载以及热加载...
next 回去读取根目录下的next.config.js文件,每一项都用注释标明了,可以根据自己的需求来使用。 const withCss = require('@zeit/next-css') const configs = { // 输出目录 distDir: 'dest', // 是否每个路由生成Etag generateEtags: true, // 本地开发时对页面内容的缓存 onDemandEntries: { // 内容...
首先,确保你的目标markdown文件和当前文件在同一目录下,或者你可以使用相对路径来指定目标文件的位置。 在当前文件中,使用Markdown的链接语法来创建链接。链接语法为:[链接文本](目标文件#目标部分)。 在目标文件中,找到你想要链接到的部分,并在该部分前面添加一个唯一的标识符,可以是标题、段落或者其他元...
API and CLI for generating a markdown TOC (table of contents) for a README or any markdown files. Uses Remarkable to parse markdown. Used by NASA/openmct, Prisma, Joi, Mocha, Sass, Prettier, Orbit DB, FormatJS, Raneto, hapijs/code, webpack-flow, docusaur
2. 3. 4. "@types/react-syntax-highlighter": "^13.5.2", 1. 代码高亮需要手动复制js文件 path react-syntax-highlighter/dist/esm/styles/prism 复制自己需要的 或者直接将prism目录复制供使用 tomorrow.js export default { ...