🌀 TUTORIAL: HOW TO WRITE IN MARKDOWN WITHOUT ANY KNOWLEDGE + EXTRA TIPS IN HTML

in #tutorial7 years ago (edited)

So, you want to write some cool posts here in Steemit with all the editing thing?... but maybe it's difficult to you to know how to do, for example; a table or maybe just is tedious to look to the Markdown Styling Guide every time you have to write a post. Ok ok ok, no more words, let me introduce you this two options to write without ANY knowledge in markdown, you only have to copy and paste, that's all!



Let's begin with the option that you can use offline, the name of this app is: Typora
You can dowload it on Windows, OS X and Linux!

Typora, as his own website say, will give you a seamless experience as both a reader and a writer. It removes the preview window, mode switcher, syntax symbols of markdown source code, and all other unnecessary distractions. Replace them with a real live preview feature to help you concentrate the content itself.

In Typora yo can put:

Some images:

Imagenes post markdown.JPG

Tables

Lists

Code Fences

Index or TOC


Typora is a truly minimalistic Markdown Editor. Not like the other editors, Typora doesn’t separate the markdown syntax from the live preview, the two are combined into one editor. As you type, your markdown syntax will be transformed to the actual preview, like a WYSIWYG editor.

Last but not least, my favourite function, Themes! Typora uses CSS to theme it’s editor and all the built-in themes are all so beautiful, I am not even kidding.

Also I found this video to help you to use it, very easy, like I say copy and paste! Check it out!

Thanks to CryptoIsKey for the video!


Oook, now I'm going to talk about the second option that you can use online, you don't need to install anything. The name of this app is: Classeur

So, what makes Classeur different from those markdown editors? First, it is an online tool (which could work offline) but that’s not something I should emphasize on. Actually the best thing about StackEdit is that it comes with WYSIWYG control which is a great relief for people like me who just could not remember the markup syntax. Also it has a very nice sketch style.

To start writing your Markdown code you only have to click in START in the main page.

Classeur.JPG


Classeur1.JPG
(You can see how I write part of this post in Classeur)

Classeur features

To summarize, Classeur main features are:

  • Edit and multiple Markdown documents online
  • Save documents as Markdown, HTML or PDF
  • Document collaboration with other users through cloud services such
    as Dropbox and Google Drive
  • Synchronize and edit existing Markdown documents from cloud services
    such as Google Drive, Dropbox apart from your local hard drive
  • Post documents on blogging services such as Blogspot, WordPress,
    Tumblr in one push
  • Post documents on GitHub, Google Drive, Dropbox or any SSH server
  • Markdown Extra/GitHub Flavored Markdown support and
    Prettify/Highlight.js syntax highlighting
  • LaTeX can be used using MathJax plugin
  • WYSIWYG controls
  • Built in spell checker
  • Several other extensions available
  • Open source
  • Live preview option

+


HTML TIPS

In this days I was wondering how I can put text aside a image like this:

aside.JPG

So, by doing some research, I founded it. This is the magic code:

In this example I'm going to pull to the right this rose

<div class="pull-right">
https://s-media-cache-ak0.pinimg.com/736x/a3/47/10/a34710ee18cbeeabe8ca1ff4be65a2fd--charlotte-rampling-roses-roses.jpg
</div>

and you can write here, something like this short poem

Merlot wine
Kraft single slices
Dead roses not watered
Dead dreams unfulfilled


Hope you like it this tutorial, I'll see you in my next post!

DQmRhDtjokAZnGKi4QwheqksKTFo6m4fsjMYsNNrsitC1xk.gif

Sort:  

Congratulations! This post has been upvoted from the communal account, @minnowsupport, by Maxmilan from the Minnow Support Project. It's a witness project run by aggroed, ausbitbank, teamsteem, theprophet0, and someguy123. The goal is to help Steemit grow by supporting Minnows and creating a social network. Please find us in the Peace, Abundance, and Liberty Network (PALnet) Discord Channel. It's a completely public and open space to all members of the Steemit community who voluntarily choose to be there.

If you like what we're doing please upvote this comment so we can continue to build the community account that's supporting all members.

YESSSSS I am so grateful to have found this article. I've searched tirelessly for this image float code. Thank you!

Coin Marketplace

STEEM 0.18
TRX 0.13
JST 0.028
BTC 58080.30
ETH 3102.16
USDT 1.00
SBD 2.40