Google document to Github Flavoured Markdown example.

Created by Peter Noble

The guggesites client app uses the Google Document class to collect content pass it through my paser to generate Github Flavoured Markdown . The Google Drive API is used to collect image urls for the Markdown parser to publish documents on the Github pages server. This page is to demonstrate the current capabilities of the script for converting Google documents to Markdown. {: style=”font-size:14px;margin-bottom:8px;”}

You can checkout the Google document used to create this post and the Github Markdown file . The Google document will be updated as features are added or improved.

This is an example of coloured text and sized-text within a paragraph. Background colour is supported.

How about using a different font family in a paragraph. In this paragraph we are using Arial Black.

Paragraphs

This paragraph has links and image. These are links to guggesites and google. Sometimes text needs to be in bold and more bold. With a bit of .

Headings

Title parsed as H1

Subheading parsed as H2

H1

H2

H3

H4

H5

H6

Fonts

The parser supports Google Document font selection. The font family styling is added to the style tag of the paragraph. Web safe fonts can be easily used other fonts will need to be linked to in the html header. However not all browsers have the same level of support for web safe fonts. Arial is the default font and does trigger font family selection. Adding non web safe fonts does impact page load speeds.

This is Garmond.

This is Time New Roman.

This is Comic Sans.

This is Arial Black.

This is Droid Serif.

This is Syncopate. Not web safe but it’s linked to in the header.

Colour

Text colouring and highlighting is support.

This text is red.

This text is blue.

This text is highlighted yellow.

This text is coloured blue with grey highlight.

This text is highlighted orange.

Paragraph alignment

Headings, images and paragraphs can be aligned on the page. This paragraph is left aligned.

Paragraphs can be right aligned.

Paragraphs can justified. Another Paragraphs can justified. More Paragraphs can justified. All Paragraphs can justified. Paragraphs can justified. Paragraphs can justified. Paragraphs can justified. Paragraphs can justified. Paragraphs can justified. Paragraphs can justified. Paragraphs can justified. Paragraphs can justified. Paragraphs can justified. Paragraphs can justified.

Images can be aligned as well.

Inline Images

This inline image is at the beginning of the paragraph.

Inline drawing

Tables

This a simple table using css for styling.

Header	Header	Header
New col	one	two
six	Another row
bold text in a table	Images and links can be used within a table.	This should be a link within a table.