Skip to content

Strapdown.js 🎈 Instant and elegant Markdown documents in the browser πŸ‘‰ Fork theme updates and Bootstrap 3, 4 and 5 themes support

License

Notifications You must be signed in to change notification settings

fu-sen/strapdown

Β 
Β 

Folders and files

NameName
Last commit message
Last commit date

Latest commit

Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 

Repository files navigation

Strapdown.js

Strapdown.js makes it embarrassingly simple to create elegant Markdown documents. No server-side compilation required.

For more, please see:

Tip: The original Strapdown.js is a Bootstrap 2 themes


Original Project

Oops! This is a forked project. The original README.md can be found here:

README.original.md
However, currently strapdown.js doesn't seem to work.

See original project if needed:

https://github.com/arturadib/strapdown

The domain strapdownjs.com used in the original version does not seem to work anymore.
Therefore this tag does not currently work:

<script src="http://strapdownjs.com/v/0.2/strapdown.js"></script>

If you want to keep the original version you can use it via jsDelivr:

<script src="https://cdn.jsdelivr.net/gh/arturadib/strapdown@gh-pages/v/0.2/strapdown.min.js"></script>

Version and Branch

I split the branch according to the version of Bootstrap themes

Themes Version Source branch
Bootstrap 5 v0.5 main
Bootstrap 4 v0.4 bootstrap4
Bootstrap 3 v0.3 bootstrap3
Bootstrap 2 v0.2 bootstrap2

The main changes from the original are:

  • Add theme (v0.2 only)
  • Add CSS (v0.4 and v0.5)
  • Add set navbar color (v0.3, v0.4 and v0.5)
  • Change padding-top 60px to 90px (Consideration of Lux theme, v0.4 and v0.5)
  • Change nav class in strapdown.js
  • Change viewport of strapdown.js
  • Updated Marked, Google Code Prettify and Bootswatch themes

Bootstrap 3 is effectively this fork. Great job, @bhhaskin !:


Add and change CSS (v0.4 and v0.5)

Bootstrap 4 has major changes to the CSS specification. I needed to add strapdown.css for this.

There was a large space above the text. This had to be changed, especially as a consideration for the Lux theme.

The following is considered in Strapdown.js v0.4 and v0.5 (To have the same design as v0.2 and v0.3). This is necessary because it inherits the style of Google Code Prettify:

  • <pre><code>
  • <code>

The following is not taken into consideration. You can apply Custom CSS if necessary.

  • <blockquote> (Changed it to use class="blockquote" )

Set navbar color (v0.3, v0.4 and v0.5)

You can change the color of the navbar after Bootstrap3. I made it possible to specify this with navbar.

v0.4 and v0.5

The types of navbar color are primary, dark and light. Default is primary:

<textarea theme="yeti" navbar="light">

v0.3

If navbar has a value, it works inverse:

<textarea theme="yeti" navbar="inverse">

CDN

Now we can apply the CDN using jsDelivr. I have prepared different projects for the CDN:

https://github.com/fu-sen/strapdown.js


Contributor guide

The build in this project inherits the original:

You will need Node.js (>0.6.x) and CoffeeScript to generate the bundles. To bundle/compile the assets, issue in the project directory:

$ npm install
$ coffee bundle <version_number>

Consideration

  • Remove Google Code Prettify It's an archive project. Deletion prevents unintended <code> conversion. You can also select and use highlight.js etc.
    I don't want to add extra features to Strapdown.js to reduce the load in many environments. Instead, I had to think about removing the feature.

License

MiT License

ζ—₯本θͺž: https://mit.balloon.net.eu.org/

Excludes vendor/ and themes. These are licensed separately.

About

Strapdown.js 🎈 Instant and elegant Markdown documents in the browser πŸ‘‰ Fork theme updates and Bootstrap 3, 4 and 5 themes support

Topics

Resources

License

Stars

Watchers

Forks

Languages

  • HTML 36.3%
  • CSS 31.4%
  • JavaScript 27.7%
  • CoffeeScript 4.6%