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

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

liebian365 2024-11-09 13:44 25 浏览 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
复制代码

小结:

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

相关推荐

深度解密epoll 如何工作的?(epoll基本处理流程)

epoll...

大乐透第19082期:头奖开出7注1000万分落六地 奖池41亿元

2019年7月17日晚开奖的体彩超级大乐透第19082期开奖号码为:前区06、18、20、21、31,后区03、04。本期大乐透前区号码五区比为1:0:3:0:1,二区和四区号码没有给出。当期前区和值...

【开奖】4月27日周六:福彩、体彩(2021年4月27日体彩开奖结果)

4月27日开奖福彩3D第2019110期:61222选5第2019110期:0812202122排列3第19110期:303排列5第19110期:30305大乐透第19047期:0304...

“红狒狒”落户哈尔滨铁路局(哈尔滨铁路红肠)

这几天,“红人”“红狒狒”在牡丹江机务段可引起了不小的轰动,众粉丝争相与其拍照留念,在该段人气爆棚!“红狒狒”到底何许人也?“红狒狒”,中文名:和谐3D型电力机车;绰号:红狒狒、番茄;制造商:大连机...

2D、3D、2.5D,做游戏还是搞噱头?玩家都晕了

前言游戏类型就像某种潮流,一种流行罢,另一种接棒成为主流。前两年的新作大多以“开放世界”为标签,在追求纯沙盒的过程中打造出一些细致的分类,比如说“类GTA沙盒”。诚然,纯碎的沙盒游戏并不多见,业内只有...

《战神4》PC版宣传片发布 GTX 1070即可60帧畅玩

在今年10月的时候索尼PlayStation官方正式宣布圣莫尼卡2018年的《战神4》将于2022年1月14日推出PC版本,官方在今天公布了一段PC版宣传片,并且公开了游戏的配置需求。下面让我们一起来...

男星深情好丈夫形象崩塌,半夜搂美女坐大腿,举止亲密

近日,于晓光被拍到深夜在酒吧玩,结束后与一名女子一起上车离开。上车后,女子直接坐在了他腿上,他也顺势搂着美女,美女满脸笑容地坐在他腿上玩手机离开。可能有人会好奇,于晓光是谁呢?于晓光是韩国艺人秋瓷炫的...

d3d12dll丢失怎么修复?d3d12dll加载失败怎么解决?

  d3d12.dll丢失怎么修复?d3d12.dll加载失败怎么解决?很多朋友想要运行游戏的时候都会遇到这个问题,这种情况该怎么办呢?今天系统之家小编给朋友们讲讲具体的解决方法,操作其实还蛮简单的。...

许多玩家反馈《生化4RE》PC一直崩溃 无法进入游戏

今日(3月24日),卡普空《生化危机4:重制版》正式发售,然而有部分PC玩家遇到了游戏崩溃等问题。很多玩家在贴吧发帖称游戏遇到了严重的崩溃问题,且经常反复,报错代码普遍为FatalD3Derror...

微软正式推出适用于WSL Linux的D3D12 GPU视频加速技术

今天,微软正式向WindowsSubsystemforLinux(WSL)用户发布了Direct3D12GPU视频加速支持。在微软通过WSL允许在Linux下使用Open...

《怪物猎人:崛起》曙光系统报错“Fatal d3d error”的解决办法

《怪物猎人:崛起》曙光系统报错“Fatald3derror”的解决办法不少小伙伴反应《怪物猎人:崛起》DLC曙光预载以后打不开游戏,出现了Fatald3derror类似的错误代码,这类问题的解...

Mac+双屏,前端程序员的专业配置 - Loctek 乐歌 D3D 双屏电脑显示器支架

做FE也有一段日子了,电脑屏幕每天在设计稿、浏览器、IDE、即时通讯工具、Terminal、邮箱之间切换。虽然mac的工作区带来了很多灵活,但是依然略显不足。于是入手支架,把公司配的电脑和显示器发挥起...

RPC 的原理和简单使用(rpc详解)

RPC的概念RPC,RemoteProcedureCall,翻译成中文就是远程过程调用,是一种进程间通信方式。它允许程序调用另一个地址空间(通常是共享网络的另一台机器上)的过程或函数。在调用的...

大厂开源的golang微服务rpc框架 — kitex

提前rpc估计所有的开发同学都知道,不知道的也无所谓,毕竟我也好几年没用了,今天带大家在复习一下。RPC(RemoteProcedureCall):远程过程调用,...

干货!一文掌握Protobuf所有语言所有用法,快收藏

说实话,Protobuf这个库,让人相见时难别亦难,东风无力百花残,每次等到要用它的时候,总感觉还没有完全掌握它的用法,而实际上等去百度或者谷歌的时候,教程都是多么的凌乱不堪。学会它,最直接关系到的,...

取消回复欢迎 发表评论: