Skip to content
forked from xeoncross/jr

upstaged: A not insignificant fork of Jr. ("the static, static javascript site generator")

License

Notifications You must be signed in to change notification settings

dexygen/upstaged

 
 

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

55 Commits
 
 
 
 
 
 
 
 
 
 
 
 
 
 

Repository files navigation

Welcome to upstaged, forked from Jr: (v1.2)

The "stage" in upstaged standing for "static" (sta) "generator" (ge)

Jr's concept is fantastic but the execution and organization is, in some areas, somewhat lacking e.g.

  • it cannot be configured by passing in an object
  • it relies on timers to determine when scripts are loaded, instead of the onload event

The original README follows

A static, static content generator that moves the "generator" part to the browser. This site is pure text files with a single Javascript included on each page that renders the theme and assets as needed.

Each page is written in markdown with a single <script> tag that includes Jr.js. Once you have created your pages then simply upload the system to your website and enjoy.

Jr includes a post editor you can use to write your posts using a live preview of the rendered markdown. It uses localStorage to persist your writings even if you lose power.

Getting Started

  1. Download Jr
  2. Create an [article-name].html file
  3. Paste the following code at the bottom of the page:
    <script src="jr.js"></script>
  4. git commit the new article or (sad face) SFTP it up to your web host

...and you're done! Rinse and repeat.

Degrading gracefully in the absence of JavaScript

If you want the MarkDown content to appear as human-readable MarkDown text in browsers without JavaScript (instead of as an undelimited blob), add a line like this at the top of your documents:

[enable JavaScript to render MarkDown]: <pre>

This is a MarkDown comment that will not be rendered, but HTML renderers will see the <pre> tag and act accordingly.

Background Images

For those of you who like to include photo mastheads or body background images on your posts. Simply add Markdown images tag with the name of the DOM element (prefixed with an underscore).

![_header](http://example.com/image.jpg)
![_footer](http://example.com/image.jpg)

MIT License with ♡ from David Pennington

Donate Stellar to xeoncross

About

upstaged: A not insignificant fork of Jr. ("the static, static javascript site generator")

Resources

License

Stars

Watchers

Forks

Packages

No packages published

Languages

  • CSS 48.2%
  • JavaScript 38.6%
  • HTML 13.2%