ubill.github.io


StackEdit Revisited

Revisiting StackEdit after changing my template, the below is a full showcase of the rendering of MarkDown formatted text:

Testing fenced code block:

// Foo
var bar = 0;

Testing backticks:

You can insert a table of contents using the marker [TOC].

Welcome to StackEdit!

Hey! I'm your first Markdown document ...

more ...

A Landslide Victory: Landslide + DZslides

Success !

Well, right now got the desired behaviours that I wanted:

  • Embedded, horizontal-scrolling, slides in the middle of blog posts.
  • Able to launch slides in a separate window (and also go full screen if so desired.)

That is, the behaviour of DZslides. And yet, in addition all the goodness and ...

more ...

Landslide!

Now doing the same, but trying to use this Python-based HTML slides tool: Landslide.

Embedding it within an iframe, trying the same way as for DZslides:

Success!

Now, we also added some source code into the DZslide! Currently, we are just using the default pandocs, with line numbers:

However, no ...

more ...

Inline Slides 2: Pandocs & DZslides

Now trying to generate HTML5 slides from Markdown using: Pandocs.

Still there's quite a lot of manual copy-paste required, and:

No live preview. (for now...)

Anyway manual work for now is good to familiarize with (to even know) what you need, and automate it next time.

Success!

Now, we ...

more ...

Inline Slides

At this moment, I'm trying to make iframes, inline slides, and Pelican work together.

And what better than to use this page itself for that purpose, and in conjunction with StackEdit?

Hint: for now, in the iframe tag, use root-relative src URLs,

like so: src="/theme/slides/...html" (note ...

more ...

StackEdit

Right now I'm using this lightweight online WYSIWYG Markdown editor, StackEdit1 to help me write the posts here.


  1. StackEdit is a full-featured, open-source Markdown editor based on PageDown, the Markdown library used by Stack Overflow and the other Stack Exchange sites. 

more ...