With Steemit being down a lot lately I figured I'd share my offline writing workflow with you. This will hopefully help you in having more structure, backup and preview in your process of writing amazing content. I will not go into how you write a good post, that is up to your own creativity, however, I would like to give you some tips, tricks and tools to help you get that creativity out there!
<h2>Write Posts Offline With Atom <p dir="auto"><img src="https://images.hive.blog/768x0/https://i.imgur.com/ClvsFkv.jpg" srcset="https://images.hive.blog/768x0/https://i.imgur.com/ClvsFkv.jpg 1x, https://images.hive.blog/1536x0/https://i.imgur.com/ClvsFkv.jpg 2x" /> <p dir="auto">So here is what I do. I've seen a lot of people complain about losing their posts because Steemit was unstable and couldn't properly save their publication, or because their internet connection would go down, etc. I've also heard of people writing their content in Google Docs or Word or Notepad beforehand, which is good practice as well. <p dir="auto">I would like to introduce you to <a href="https://atom.io/" target="_blank" rel="nofollow noreferrer noopener" title="This link will take you away from hive.blog" class="external_link">Atom. This is a simple texteditor which originally has been developed for programming. It was created by the good folks at <a href="https://github.com" target="_blank" rel="nofollow noreferrer noopener" title="This link will take you away from hive.blog" class="external_link">GitHub. It is very much comparable to Notepad (Windows) or Texteditor (Mac). <strong>But with one awesome extra; plugins! Because of this, you can actually preview your post almost exactly like it will appear on Steemit! <hr /> <h3><center>👉 <a href="https://atom.io/" target="_blank" rel="nofollow noreferrer noopener" title="This link will take you away from hive.blog" class="external_link">Download Atom here 👈 <hr /> <h2>Structure <div class="pull-left"><span><img src="https://images.hive.blog/768x0/https://i.imgur.com/wo4t2w0.png" srcset="https://images.hive.blog/768x0/https://i.imgur.com/wo4t2w0.png 1x, https://images.hive.blog/1536x0/https://i.imgur.com/wo4t2w0.png 2x" /> First of all, I have one folder in which I save all my posts. This folder is in Dropbox so i have access to it everywhere and always. Within this folder I have 3 things: <p dir="auto">👉 Images<br />👉 Snippers (<code>_-prefix)<br />👉 Articles (date-prefix)<br /> <p dir="auto">The image folder holds all custom made images for my posts. Mostly covers, but sometimes cropped images or grids, etc. Personally I have experienced a resolution of 1200x702 to work best for full width and as cover. <p dir="auto">The snippets are short pieces of markdown like a signature or particular markup for videos, which I use more often so I can easily copy paste them into my posts. <h2>Markdown preview <p dir="auto"><img src="https://images.hive.blog/0x0/https://steemitimages.com/DQmfSmRK4U2JYuhdfc2BWWjToM4cTwkFvxfSUvtNJYBMh94/mardown.gif" alt="mardown.gif" /> <p dir="auto">Now here is the true power of Atom, it has a Markdown preview pane! First make sure you save your textfiles with the <code>.md extension. Next, you can open the preview pane through the <code>Packages-menu. This will open up your file in a preview pane on the right side. Another tip I can give you is to enable <code>Soft Wrap which you'll find under the <code>View-menu. <p dir="auto">⚠️ <strong>Fair warning: <em>Steemit has slight changes to Mardown and a few extra's. So after writing up everything I will do the final finishing touches in Steemit itself. <hr /> <p dir="auto"><center><strong>Was this useful for you? Do you have a different workflow?<br /> <strong>Let me know in the comments!<br /> <hr /> <p dir="auto"><center><strong>Thanks for reading!<br /> Feel free to follow me and stay up to date on activities by CoderDojo<br /> to get children into programming and technology. <p dir="auto"><center>In case you are wondering who I am,<br /> feel free to give my <a href="https://steemit.com/introduceyourself/@seersalomon/hi-i-m-chris-a-random-busy-guy-from-the-netherlands" target="_blank" rel="nofollow noreferrer noopener" title="This link will take you away from hive.blog" class="external_link">#introduceyourself a read :).✏️ My Workflow - Writing Your Posts Offline With Atom
7 years ago in #steemit by seersalomon (49)
$3.49
- Past Payouts $3.49
- - Author $2.72
- - Curators $0.78
67 votes
- shaka: $0.88
- ethandsmith: $0.88
- flipstar: $0.82
- qurator: $0.23
- pharesim: $0.21
- antonchanning: $0.09
- seveaux: $0.08
- minnowsupport: $0.07
- carlschrijft: $0.02
- vincentnijman: $0.02
- seersalomon: $0.02
- gingerninja: $0.02
- gregory-f: $0.02
- marcovanhassel: $0.01
- rem3600: $0.01
- joanstewart: $0.01
- leyargoz: $0.01
- originalworks: $0.01
- melinda010100: $0.01
- lastminuteman: $0.01
- and 47 more
Thanks @seersalomon always looking out for ways to work more efficiently.
Much appreciated, hope it can help you! :-).
Nice! I have been looking for something like this with a clean UI , Just started downloading :D
You're very welcome :) You could also try Sublime Text, but it doesn't have the markdown plugin by default so you would need to install it yourself.
nice tips :) very handy for some people around here... like me :) we may add things like tips in the channel as a room too.. good one :D
Glad I could help!
img credz: pixabay.com
Nice, you got a 74.0% @flipstar upgoat, thanks to @seersalomon
Want a boost? Minnowbooster's got your back!
For more information, Click Here!
To call @OriginalWorks, simply reply to any post with @originalworks or !originalworks in your message! Special thanks to @reggaemuffin for being a supporter! Vote him as a witness to help make Steemit a better place!
Congratulations @seersalomon! You have completed some achievement on Steemit and have been rewarded with new badge(s) :
<p dir="auto"><a href="http://steemitboard.com/@seersalomon" target="_blank" rel="noreferrer noopener" title="This link will take you away from hive.blog" class="external_link"><img src="https://images.hive.blog/768x0/https://steemitimages.com/70x80/http://steemitboard.com/notifications/votes.png" srcset="https://images.hive.blog/768x0/https://steemitimages.com/70x80/http://steemitboard.com/notifications/votes.png 1x, https://images.hive.blog/1536x0/https://steemitimages.com/70x80/http://steemitboard.com/notifications/votes.png 2x" /> Award for the number of upvotes <p dir="auto">Click on any badge to view your own Board of Honor on SteemitBoard.<br /> For more information about SteemitBoard, click <a href="https://steemit.com/@steemitboard" target="_blank" rel="noreferrer noopener" title="This link will take you away from hive.blog" class="external_link">here <p dir="auto">If you no longer want to receive notifications, reply to this comment with the word <code>STOP <blockquote> <p dir="auto">By upvoting this notification, you can help all Steemit users. Learn how <a href="https://steemit.com/steemitboard/@steemitboard/http-i-cubeupload-com-7ciqeo-png" target="_blank" rel="noreferrer noopener" title="This link will take you away from hive.blog" class="external_link">here!Thanks so much for introducing me to this! I'll definitely be giving it a try!