[ENG] Postach.io hacks. Blog with Published tag

I started blogging in 2012. I did not want to use any of the blog engines, because I wanted a full customization of the site. And I started to post in a full manual mode. In the end it was too hard to write anything, even if I had a good idea. It was necessary to fully prescribe each tag, each address. So I stopped. This year I decided that something must be done, because I full of ideas and I have domain. And I pay for it. And I moved to Postach.io. Now I have post drafts a few months ahead, and I post updates at least once a week.

This post is a translation of original post in Russian

A table of contents

  1. Pros
  2. Cons
  3. Blogging
  4. Markdown
  5. Fixing the Cyrillic
  6. Making a table of contents
  7. Read more and source buttons
  8. Confirm the authorship of the blog in Google
  9. Contacts
  10. Flattr this

[Pros]( "Pros")

  1. Blogging with Postach.io is very easy. All you need is an Evernote client and idea.
  2. Full themes customization.
  3. Excellent technical support.

[Cons]( "Cons")

  1. Postach.io parser doesn't smart enough. If you assign Published tag to a note, then after synchronization is better to check your post. It could look different than you expected. Plus bad Cyrillic support. In post preview words often merged.
  2. There's no live drafts to preview your post. You should publish your post and check for mistakes immideatly.

[Blogging]( "Blogging")

It's really easy to blog with Postach.io. You create note in your blog's notebook, assign Published tag to it and voilà! A post is published. Yes, it easy! Except some hacks.

[Markdown]( "Markdown")

Postach.io supports Markdown in beta mode. Markdown support in beta, engine in beta, so it's easy to have a bug.

The first, this is the link to correct Markdown syntax.

The second, If you did everything correctly, the result markup could be broken. To fix this, you need to select all the text in the notes Evernote and choose "Remove formatting". Everything should be fine after sync.

[Fixing the Cyrillic]( "Fixing the Cyrillic")

Postach.io doesn't support Cyrillic by default. Before you start your blog go to service setting then Source Editor and change font to Cyrillic. You must specify Google Fonts code after "body" tag. In the families is necessary to register the fonts. You can find all available Google Fonts here. You can add Adobe Script or any other fonts same way. Don't forget to add same fonts in CSS of your theme.

To fix merged text with link you can add some CSS to "a" tag. Here's some code to fix this:

a { background: transparent; margin: 0.5em; }

But this hack doesn't fix merged text in post preview. To fix this and merged text inside post you should add additional space in the note. It's better not to use links in post preview.

[Making a table of contents]( "Making a table of contents")

I think you've noticed a table of contents on the top. It's easy to add this. In the begging of your post you should add links to chapter where your specify ID of your chapter instead link:

[Name of chapter](#link){title="Name of chapter"}

Now you should add the ID to chapters. This ID should be the same as above one.

[Name of chapter](){title="Name of chapter" name="ID"}

Now when you click on the first link you goes to the second.

Example:

[Read more and source buttons]( "Read more and source buttons")

There's no Read more button in some Postach.io themes. You can easily add the button with this code:

<a href="{{ post.permalink }}">Read more</a>

You should add this code inside div of post preview. That's mine code:

You can add Source button same way:

<a href="{{ post.url }}" target="_blank">Source</a>

This code should be added inside link post's div. You can find it by {{ link.content }} tag.

[Confirm the authorship of the blog in Google]( "Confirm the authorship of the blog in Google")

You can read about Google authorship here.

You should add this code inside your theme:

Author: <a href="link to you G+ profile?rel=author" target="_blank">{{ site.author }}</a>

Don't forget to add link to you G+ profile.

Example:

[Contacts]( "Contacts")

Next code add contact links to your blog:

<p class="site-bio">{{ site.bio }}</p> <a href="{{ site.twitter }}" target="_blank">Twitter</a>, <a href="{{ site.facebook }}" target="_blank">Facebook</a>, <a href="{{ site.googleplus }}" target="_blank">G+</a>, <a href="{{ site.linkedin }}" target="_blank">LinkedIn</a>, <a href="{{ site.atom_url }}" target="_blank">RSS</a>

Add it somewhere in your theme, but don't forget about CSS.

[Flattr this]( "Flattr this")

To add Flattr button you should generate it here. There's one hack for this button:

title={{ post.title }} - this code adds title or your post to Flattr button.

This is my code:

f.src = &apos;//api.flattr.com/button/view/?uid=your uid&button=compact&title={{ post.title }}&hidden=0&category=text&url=&apos;

Комментарии