How to Style Markdown with CSS

Table of Contents

• Series: Awesome Tips about Pandoc and Markdown
• The Problem
• Defining the CSS
• Embedding HTML Code
• Heading Identifiers
• Fenced Code Attributes
• Divs and Spans
• Inline Code Attributes
• Bracketed Spans
• Link Attributes
• Custom CSS for Markdown
• Themes

Awesome Tips about Pandoc

Table of Contents

• Related Posts
• What Pandoc can Do?
• Pandoc
• Tips
• Pandoc Markdown Syntax
• EXTENSION
• Themes
  • Blockquotes CSS
  • Table CSS
  • How to have content in the top slide in 2D reveal.js slideshows
  • Use Variables in Document Body Text
  • Template
  • Filters
  • Troubleshooting
• Resources

Building Presentations with Reveal.js, Markdown and Github Pages

Table of Contents

• TL;DR
• Demo
• Why Build Presentation With Markdown, Reveal.js And Github Pages
  • Why Markdown
  • Why Reveal.js
  • Why Github Pages
• How
  • Use Pandoc To Generate Html Slides
  • Publish it to Github Pages
  • Share the Slide to blogger
• Reveal.js Features
  • Plugins
  • Reveal.js Shortcuts
  • Work together with Chrome Vimum
  • Customize reveal.js
• Markdown Slides Different Syntax
  • Pandoc Slides Syntax
• Traps
  • Reveal.js External Markdown Syntax
  • Related Posts

How To Show Post Excerpts on Blogger when Writing with Markdown, Pandoc and Minify

Table of Contents

• The Problem
• How to Add a Read More Link in Blogger
• How to Keep the Jump Break(Read More) block in Minify
• Add Read More Block Automatically After TOC
• Fix the Relative Toc Link in Index Page
• Bonus: Blogger Conditional Tags for different page types

Awesome Tips about Atom Editor

Table of Contents

• Install Atom Editor
• Atom Editor Settings
• Tune Package Configuration
• How To Explore and Learn Atom Functions
• Must-Have Atom Editor Packages
• Atom Editor Shortcuts
• Atom Editor Keymap
• Moving in Atom Editor without Mouse or Trackpad
• Tabs
• Atom Editor Snippets
• Pending Pane Items
• More Atom Editor Tips

Spell and Grammar Check for Markdown

Table of Contents

• Spelling/Grammar Check
• Atom
• app.grammarly.com
• Grammarly Extension
• Others

Must Have Atom Editor Packages

Table of Contents

• Packages for Everyday’s Productivity
• Packages for Writing
• Packages for Writing - Markdown
• Awesome Tips about Markdown
• Packages for Developers
• Packages for Web Developers
• Other Packages

How to Style Images With Markdown

Table of Contents

• Series: Awesome Tips about Pandoc and Markdown
• Image Inline-style
• Image Reference-style
• Hyperlinked Images
• Pandoc link attributes
• Center image
• Side by Side Images
• Embed Images as base64 Content

Awesome Tips about Markdown

Table of Contents

• Syntax
  • Links
  • Images
  • Table without header
  • Alignment Table Columns
  • Formatting Text in Tables
  • List
  • Special Characters
  • Backslash Escape
  • Line breaks in markdown
  • Supported Languages
  • Footnotes
  • Open link in a new window
  • Emoji
  • Collapsible Markdown?
  • Add CSS Style to Markdown
  • Basic Syntax
  • Pandoc Markdown Syntax
  • Advanced Markdown Syntax
• Slides Syntax
  • Gotcha
  • Tips
• Writing in Atom with Markdown
  • Markdown and Mind Map
  • Other Markdown Tools
  • Troubleshooting
  • More Elements to Use
  • Related Posts

Writing Blog with Markdown, Atom Editor, Pandoc and Github

Table of Contents

• Series: Awesome Tips about Markdown
• TL;DR
• Why Blogger with Markdown
• Writing in Atom with Markdown
  • Atom Packages for Writing
  • Packages for Writing - Markdown
• Call Commands Faster
• Write Faster
  • No Need to Select
  • Case Change
  • Spell Check
  • Snippets
  • 2: Use Pandoc to Generate Html and Post it into Blogger
  • Proof-read
• Why Git/Github
• Bonus
  • How to Building Presentations with Reveal.js, Markdown and Github Pages
  • Related Posts