codehike
extract-md-headings
Our great sponsors
codehike | extract-md-headings | |
---|---|---|
8 | 1 | |
4,227 | 3 | |
1.4% | - | |
6.4 | 4.9 | |
about 2 months ago | 2 months ago | |
TypeScript | TypeScript | |
MIT License | MIT License |
Stars - the number of stars that a project has on GitHub. Growth - month over month growth in stars.
Activity is a relative number indicating how actively a project is being developed. Recent commits have higher weight than older ones.
For example, an activity of 9.0 indicates that a project is amongst the top 10% of the most actively developed projects that we are tracking.
codehike
-
GitHub Accelerator: our first cohort and what's next
- https://github.com/code-hike/codehike: Tools for building all types of code walkthroughs: blogs, docs, slides, tutorials, etc.
-
Dark mode with Shiki and Code Hike
Warning: This article refers to versions of Code Hike before 0.8.0. Since version 0.8.0, Code Hike uses lighter instead of Shiki. The approach presented in this article uses shiki's color replacement method, which no longer works with lighter.
- code-hike/codehike: Marvellous code walkthroughs
- Code-hike/codehike: Build first-class code walkthroughs for the web
- Code Hike: write code walkthroughs with MDX
-
Powerful Code Blocks with Code Hike and MDX
Code Hike GitHub Repository
- Build Your Own React
- Scrollycoding – A new way to write code walkthroughs
extract-md-headings
-
Building an npm package in 2023
An example is this helper function — that extracts the heading texts from any markdown file — I worked on a while back. You can take a look at the configuration of the compiler here
What are some alternatives?
shiki - A beautiful yet powerful syntax highlighter
md-to-pdf - Hackable CLI tool for converting Markdown files to PDF using Node.js and headless Chrome.
didact - A DIY guide to build your own React
nextra - Simple, powerful and flexible site generation framework with everything you love from Next.js.
code-video-generator - Generates code walkthrough videos using Manim
react-tab - Tab component states in the browser's URL.
code-hike-example
vditor - ♏ 一款浏览器端的 Markdown 编辑器,支持所见即所得(富文本)、即时渲染(类似 Typora)和分屏预览模式。An In-browser Markdown editor, support WYSIWYG (Rich Text), Instant Rendering (Typora-like) and Split View modes.
remark - markdown processor powered by plugins part of the @unifiedjs collective
webpack - A bundler for javascript and friends. Packs many modules into a few bundled assets. Code Splitting allows for loading parts of the application on demand. Through "loaders", modules can be CommonJs, AMD, ES6 modules, CSS, Images, JSON, Coffeescript, LESS, ... and your custom stuff.
mdx-bundler - 🦤 Give me MDX/TSX strings and I'll give you back a component you can render. Supports imports!
pypandoc - Thin wrapper for "pandoc" (MIT)