百度360必应搜狗淘宝本站头条
当前位置:网站首页 > 技术分析 > 正文

Node自动生成markdown目录(萌新版)

liebian365 2024-11-09 13:44 5 浏览 0 评论

Node自动生成markdown目录(萌新版)

看到各位大佬在上发文章,看到一些大佬的仓库的目录,想自己也搞一个,然而懒癌发作,得找个理由让自己不做这件事,程序员不就得偷懒么(认真):

手动处理目录的缺点:

  1. 添加文章、修改文章标题、删除文章,需要找到对应的标题操作,其中包括内容和 markdown 语法,多了很繁琐
  2. 添加文章、修改文章时,我希望能记录文章的更新时间,这个手动拿到时间再填进去,多了也很繁琐

成功地说服了自己,然后开始动手

思路

  1. 遍历所有的文件 递归实现
  2. 遇到文件和文件夹时,按照 markdown 语法写入到 README.md 中

遇到的问题:

  1. 文件所属文件夹出错,比如说不是 CSS 的出现在 CSS 目录下,这里需要使用同步方式读取来处理这个问题
  2. 完成的文章和未完成的合并在一起,没有按照未完成(n)文件夹来分开,这部分是因为 fs 的 fs.readdirSync 这个 API 读取文件列表后,它的顺序不是我们在资源管理看到的,而是按照某种排序,我们需要手动控制在读取子目录根目录时,把未完成(n)文件名移到文件列表的最后
// 检测文件夹下属文件名是否有n(未完成)这个文件夹,有的话,将这个n移动到数组末端
let nIndex = files.findIndex(f => f === 'n')
~nIndex && (files.splice(nIndex, 1), files.push('n'))
复制代码

文件结构

目前只考虑到支持子目录以及n(未完成),扩展这方面嘛,暂时没考虑那么多

示例:

let fpath = '前端'
const repPath = 'https://github.com/869288142/blog/tree/master'
const outputFile = 'README.md'
let g = require('./generateDir')
new g(repPath, outputFile, fpath).run()
复制代码

完整代码

let fs = require('fs') //读写文件就需要引入fs--文件系统模块
let path = require('path')
let { sep } = path
class generateDir {
 constructor(repPath, outputFile, path) {
 this.repPath = repPath
 this.outputFile = outputFile
 this.path = path
 }
 run() {
 this.unLinkOutput(this.outputFile)
 this.readDir(this.path)
 }
 readDir(path) {
 let exists = fs.existsSync(path), //以同步的方法检测目录是否存在
 stat = fs.statSync(path) //文件信息
 if (exists && stat) {
 //如果目录存在
 if (stat.isFile()) {
 //如果是文件
 let fpath = path.split(sep) //以路径分割符将路径分割成数组
 // 获取文件名
 let fileName = fpath[fpath.length - 1]
 // 文件更新时间
 let updateTime = this.formatDate(stat.mtime)
 // 将内容追加到README.md
 let fileNameWithoutSuffix = fileName.replace(/(.*)\.md/, '$1')
 // 文件输出内容
 let content =
 // 文件名
 `* [${fileNameWithoutSuffix}]` +
 // URL
 `(${this.repPath}/${fpath.join('/')}) ` +
 // 更新时间
 `更新于${updateTime}` +
 // 空行
 `\r\n \r\n`
 fs.appendFileSync(this.outputFile, content)
 } else if (stat.isDirectory()) {
 //如果是文件夹
 let fpath = path.split(sep) //以路径分割符将路径分割成数组
 // 获取文件名
 let fileName = fpath[fpath.length - 1]
 let files = fs.readdirSync(path) //返回 指定目录下所有文件名称
 // 过滤掉只有n下属文件夹和空n文件夹
 let normalContent = `**${fileName}**`
 let nContent = ' \r\n \r\n**撰写中**'
 let totalContent = `${
 fileName === 'n' ? nContent : normalContent
 } \r\n \r\n`
 if (files.length !== 1 && files.length !== 0) {
 // n 文件夹名替换成撰写中
 fs.appendFileSync(this.outputFile, totalContent)
 // 遍历文件夹下属文件
 if (files && files.length > 0) {
 // 确保n文件夹的下属文件在第一级文件夹后面输出
 let nIndex = files.findIndex(f => f === 'n')
 ~nIndex && (files.splice(nIndex, 1), files.push('n'))
 // 对每个文件进行递归操作
 files.forEach(file => {
 this.readDir(path + sep + file)
 })
 }
 }
 }
 } else {
 console.info('根目录不存在.')
 }
 }
 formatDate(date) {
 return `${date.getFullYear()}.${date.getMonth() + 1}.${date.getDate()}`
 }
 unLinkOutput(outputFile) {
 let unlinkPath = `${path.resolve('.')}/${outputFile}`
 if (fs.existsSync(unlinkPath)) {
 fs.unlinkSync(unlinkPath)
 }
 }
}
module.exports = exports = generateDir
复制代码

小结:

其实呢,这个应该挺多人想到的吧,嘻嘻,不过作为萌新,还是挺开心能用技术来简化自己的日常操作,之前也尝试过写脚本来实现自动删库然后填充数据,代码逻辑和质量方面也说不上好,如果大佬们觉得过得去的话,希望能得到人生中的第一颗小星星,新人还在练习写作中。

相关推荐

快递查询教程,批量查询物流,一键管理快递

作为商家,每天需要查询许许多多的快递单号,面对不同的快递公司,有没有简单一点的物流查询方法呢?小编的回答当然是有的,下面随小编一起来试试这个新技巧。需要哪些工具?安装一个快递批量查询高手快递单号怎么快...

一键自动查询所有快递的物流信息 支持圆通、韵达等多家快递

对于各位商家来说拥有一个好的快递软件,能够有效的提高自己的工作效率,在管理快递单号的时候都需要对单号进行表格整理,那怎么样能够快速的查询所有单号信息,并自动生成表格呢?1、其实方法很简单,我们不需要一...

快递查询单号查询,怎么查物流到哪了

输入单号怎么查快递到哪里去了呢?今天小编给大家分享一个新的技巧,它支持多家快递,一次能查询多个单号物流,还可对查询到的物流进行分析、筛选以及导出,下面一起来试试。需要哪些工具?安装一个快递批量查询高手...

3分钟查询物流,教你一键批量查询全部物流信息

很多朋友在问,如何在短时间内把单号的物流信息查询出来,查询完成后筛选已签收件、筛选未签收件,今天小编就分享一款物流查询神器,感兴趣的朋友接着往下看。第一步,运行【快递批量查询高手】在主界面中点击【添...

快递单号查询,一次性查询全部物流信息

现在各种快递的查询方式,各有各的好,各有各的劣,总的来说,还是有比较方便的。今天小编就给大家分享一个新的技巧,支持多家快递,一次能查询多个单号的物流,还能对查询到的物流进行分析、筛选以及导出,下面一起...

快递查询工具,批量查询多个快递快递单号的物流状态、签收时间

最近有朋友在问,怎么快速查询单号的物流信息呢?除了官网,还有没有更简单的方法呢?小编的回答当然是有的,下面一起来看看。需要哪些工具?安装一个快递批量查询高手多个京东的快递单号怎么快速查询?进入快递批量...

快递查询软件,自动识别查询快递单号查询方法

当你拥有多个快递单号的时候,该如何快速查询物流信息?比如单号没有快递公司时,又该如何自动识别再去查询呢?不知道如何操作的宝贝们,下面随小编一起来试试。需要哪些工具?安装一个快递批量查询高手快递单号若干...

教你怎样查询快递查询单号并保存物流信息

商家发货,快递揽收后,一般会直接手动复制到官网上一个个查询物流,那么久而久之,就会觉得查询变得特别繁琐,今天小编给大家分享一个新的技巧,下面一起来试试。教程之前,我们来预览一下用快递批量查询高手...

简单几步骤查询所有快递物流信息

在高峰期订单量大的时候,可能需要一双手当十双手去查询快递物流,但是由于逐一去查询,效率极低,追踪困难。那么今天小编给大家分享一个新的技巧,一次能查询多个快递单号的物流,下面一起来学习一下,希望能给大家...

物流单号查询,如何查询快递信息,按最后更新时间搜索需要的单号

最近有很多朋友在问,如何通过快递单号查询物流信息,并按最后更新时间搜索出需要的单号呢?下面随小编一起来试试吧。需要哪些工具?安装一个快递批量查询高手快递单号若干怎么快速查询?运行【快递批量查询高手】...

连续保存新单号功能解析,导入单号查询并自动识别批量查快递信息

快递查询已经成为我们日常生活中不可或缺的一部分。然而,面对海量的快递单号,如何高效、准确地查询每一个快递的物流信息,成为了许多人头疼的问题。幸运的是,随着科技的进步,一款名为“快递批量查询高手”的软件...

快递查询教程,快递单号查询,筛选更新量为1的单号

最近有很多朋友在问,怎么快速查询快递单号的物流,并筛选出更新量为1的单号呢?今天小编给大家分享一个新方法,一起来试试吧。需要哪些工具?安装一个快递批量查询高手多个快递单号怎么快速查询?运行【快递批量查...

掌握批量查询快递动态的技巧,一键查找无信息记录的两种方法解析

在快节奏的商业环境中,高效的物流查询是确保业务顺畅运行的关键。作为快递查询达人,我深知时间的宝贵,因此,今天我将向大家介绍一款强大的工具——快递批量查询高手软件。这款软件能够帮助你批量查询快递动态,一...

从复杂到简单的单号查询,一键清除单号中的符号并批量查快递信息

在繁忙的商务与日常生活中,快递查询已成为不可或缺的一环。然而,面对海量的单号,逐一查询不仅耗时费力,还容易出错。现在,有了快递批量查询高手软件,一切变得简单明了。只需一键,即可搞定单号查询,一键处理单...

物流单号查询,在哪里查询快递

如果在快递单号多的情况,你还在一个个复制粘贴到官网上手动查询,是一件非常麻烦的事情。于是乎今天小编给大家分享一个新的技巧,下面一起来试试。需要哪些工具?安装一个快递批量查询高手快递单号怎么快速查询?...

取消回复欢迎 发表评论: