Comments (2)
+1 for the ability to handle multiple markdown files, TOC, etc. We are currently having to maintain all the example code for a project I'm involved with in one large file and it's getting cumbersome to do so in markup. I'd like to either be able to 1) combine many individual markdown files into one single file and kick out a markup file, or 2) be able to simulate the same via the TOC approach that @Mevrael notes above.
Thanks for a nice, clean toolkit for doing this sort of thing!
from markdown-styles.
Right now I am doing it with iframe:
layout's page.html:
{{#if headings}}
<div class="row">
<menu>
<iframe src="{{asset '../toc.html'}}">TOC</iframe>
</menu>
<main class="markdown-body">
{{~> content}}
</main>
</div>
{{else}}
<div class="markdown-body">
{{~> content}}
</div>
{{/if}}
in <head>
add this line so iframe would open links in main window:
<base target="_parent" />
And create toc.md in src root without any heading. Each other file should have heading. This is simple if statemenet how I determine is it toc or normal page to prevent rendering toc in toc itself.
I extended github layout and added this simple css to make two column layout and auto numbering in nested list:
ol {
counter-reset: section;
list-style-type: none !important;
}
li {
font-weight: normal;
}
.markdown-body > ol > li {
font-weight: bold;
margin-bottom: 20px;
}
ol ol {
list-style-type: none !important;
}
ol li::before {
counter-increment: section;
content: counters(section,".") ". ";
}
body {
max-width: none;
margin: 0;
padding: 0;
}
html, body {
height: 100%;
}
.row {
height: calc(100% - 60px);
float: left;
}
menu {
width: 450px;
height: 100%;
display: inline-block;
margin: 0 -100% 0 0;
padding: 30px 0;
vertical-align: top;
float: left;
}
main {
display: inline-block;
margin: 0 0 0 450px;
padding: 30px 30px 30px;
vertical-align: top;
}
iframe {
border: none;
width: 100%;
height: 100%;
}
a:not([href]) {
color: black !important;
text-decoration: none !important;
}
from markdown-styles.
Related Issues (20)
- tables look unreadble in the default mixu-bootstrap-2col layout
- File contents deleted HOT 1
- Markdown files with UTF8 with BOM can lead to incorrect renedering
- Links and special characters
- how to highlight another language
- Add support for maths mode? HOT 2
- Generated HTML has self-closing tags
- Hide render console message?
- github style: Bold not preserved with code
- Change output html filename?
- GitHub style ignores βtextβ code block formatting HOT 1
- `Could not parse metadata from` by adding 3+ dashes
- Current project status HOT 3
- Help please for any feature to highlight some lines of code ?
- When running from a batch file, lines below `generate-md` cannot execute HOT 1
- GitHub dark theme
- hrefs in toc faulty
- Local links are rendered incorrectly
- Feature Request: use globbing for --input
- npm audit vulnerabilities
Recommend Projects
-
React
A declarative, efficient, and flexible JavaScript library for building user interfaces.
-
Vue.js
π Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.
-
Typescript
TypeScript is a superset of JavaScript that compiles to clean JavaScript output.
-
TensorFlow
An Open Source Machine Learning Framework for Everyone
-
Django
The Web framework for perfectionists with deadlines.
-
Laravel
A PHP framework for web artisans
-
D3
Bring data to life with SVG, Canvas and HTML. πππ
-
Recommend Topics
-
javascript
JavaScript (JS) is a lightweight interpreted programming language with first-class functions.
-
web
Some thing interesting about web. New door for the world.
-
server
A server is a program made to process requests and deliver data to clients.
-
Machine learning
Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.
-
Visualization
Some thing interesting about visualization, use data art
-
Game
Some thing interesting about game, make everyone happy.
Recommend Org
-
Facebook
We are working to build community through open source technology. NB: members must have two-factor auth.
-
Microsoft
Open source projects and samples from Microsoft.
-
Google
Google β€οΈ Open Source for everyone.
-
Alibaba
Alibaba Open Source for everyone
-
D3
Data-Driven Documents codes.
-
Tencent
China tencent open source team.
from markdown-styles.