DEV Community

Max
Max

Posted on

DEV.TO writers, what MD tools do you use?

I started using markdown as my primary document format, but the tools I'm using are very rudimentary. I use VS CODE + MD ext + Grammarly. I wrote a few scripts for cleaning up folders and committing text and images to GitHub. Then I have to copy the text to DEV.TO and other platforms, manually upload images, replace their URLs, preview, etc, etc. It feels harder than it needs to be.

Does anyone have any suggestions on how to make it more streamlined?

Discussion (50)

Collapse
emma profile image
Emma Goto 🍙

I recently created a Notion account to manage my blog drafts. I write all my posts in there, and export them as markdown. You can also show your drafts on a calendar so you can plan out your content for the month, it's pretty cool.

Collapse
codefinity profile image
Manav Misra

💯 what i do.

Collapse
rimutaka profile image
Max Author

I was considering using Notion, but didn't know you can export as MD. Do you have to change anything after the export? E.g. image URLs? How do you do that?

Collapse
emma profile image
Emma Goto 🍙 • Edited on

Images I would do manually. Since I need to save them to a folder in my repo first, and then refer to them in my posts.

Collapse
nicolasini profile image
Nico S___

I really like Typora typora.io/
I like that it has typewriter and focus mode. It does a live transform of your md, so you don’t see the “raw” content, this could be a pro or con depending on your preference

Collapse
jmfayard profile image
Jean-Michel Fayard 🇫🇷🇩🇪🇬🇧🇪🇸🇨🇴

DEV has an API
docs.dev.to/api/

I have ideas, but not time, to implement something to synchronise articles published there to a GitHub repo.

So for now I'm pretty much doing like you: GitHub + VS Code + Copy paste

Collapse
jeikabu profile image
jeikabu

With GitHub pages you can use Dev.to>settings>publishing from RSS pointed at the feed.xml.

Collapse
rimutaka profile image
Max Author

Now it starts looking like there is a solution, at least for dev.to.

Collapse
nathanminchow profile image
Nathan Minchow

I write posts for my Jekyll-powered blog locally using VSCode and a couple markdown extensions, then I cross post them here. I host that blog with Github pages, so once I've published it it's pretty easy to paste the markdown here and simply point the images to my repo (much faster for me than using the built-in image uploader).

Codepens can be a little irritating to convert though, still looking for a better solution there.

Collapse
rimutaka profile image
Max Author • Edited on

Nathan, how do you point images to the repo? I presume they are relative paths in the original markdown. Do you have a script or do it by hand? And does GitHub mind?

Collapse
nathanminchow profile image
Nathan Minchow

Hey Max – when I'm writing markdown locally for my Jekyll-powered blog, I use relative links.

Since I use Github Pages for hosting, once I push my post to the repository, I can just grab the image links from the resulting webpage that's live on my blog. I do it by hand currently, but I still find it faster than using the Dev.to image upload utility.

Honestly, there is probably a better way. But it's worked well enough for me so far!

Collapse
tomekbuszewski profile image
Tomek Buszewski

I was using iA Writer, but recently switched to Ulysses.

Collapse
nicolasini profile image
Nico S___

Typora is very similar to iA Writer and free

Collapse
tomekbuszewski profile image
Tomek Buszewski

I was checking it, but I didn't like it. I've spent a month looking for a free md editor, but, like always, I've ended up paying for some niche feature, because it's "essential" for me :-D

Collapse
mrrcollins profile image
Ryan Collins

Vim with:

To create new drafts, a short bash script: nn.sh

All Markdown files are store in a private Github repo. It includes notes, long form documents, blogposts drafts, and a journal.

My websites are Wordpress, so I use another short script that takes a blog draft, uploads it, and then files it away in an archive folder.

Everything runs on a VPS, so I can access it from any device. From my iPhone I use Working Copy for Git and IA Writer.

Collapse
himynameisoleg profile image
Oleg

Nice! Thanks for posting this — you have helped my journey to vimmify anything and everything 😅

Collapse
mrrcollins profile image
Ryan Collins

I've been planning to write up an article about the whole process, just haven't had time.

Running everything from a VPS is a game changer for me.

Collapse
patarapolw profile image
Pacharapol Withayasakpunt

Tools I can totally rely on

My own work, that I can't really rely on that much

I have a question, though. How do I create more images, like custom Hero image and memes?

Collapse
nemecek_f profile image
Filip Němeček

I write using amazing note taking app Bear for Mac. I then export it my post as .md file, open it in MacDown to do final touches if needed and copy paste into dev.to editor :-)

Collapse
toubar profile image
Ahmed Toubar

I really like and recommend Typora!

Collapse
vickilanger profile image
Vicki (she/they)

I use StackEdit. It’s web based and shows a preview. It integrates with GitHub and all sorts of other things

Collapse
chathula profile image
Chathula Sampath

I used the same! Much easier!

Collapse
waylonwalker profile image
Waylon Walker

I've seen the link in dev.to to create a site from your content and wanted to reccomend it to others to get started. How is it?

Collapse
delta456 profile image
Swastik Baranwal

I just write on Dev.to directly

Collapse
shivenigma profile image
Vignesh M

I use notion.so and export it as markdown and post it on my GH pages site, then I will cross-post it here. I am thinking about automating it through the RSS feed setup.

Notion really helps me document and triage my ideas for both blogs and small side projects.
Images are one kind of issues for me to be able to easily post them. I am avoiding images whenever I can for this reason.

Collapse
binyamin profile image
Binyamin Green

I love cowriters.app/, because it has a nice, clean interface. Most importantly, it requires you to write at least 200 words before publishing to their platform, meaning you can't just write garbage about some random topic.

Collapse
mahendranv profile image
Mahendran

I use VS code with few plugins so that all the content goes to my GitHub repo. Later, using rss feed I pull it to dev.to for cross post.

Collapse
trendschau profile image
Sebastian Schürmanns • Edited on

Not sure if that helps but I created my own flat-file-cms typemill with a visual markdown editor. For RSS-Export you could create a little plugin (or create your own api-endpoint) ... :)

Collapse
david_ojeda profile image
David Ojeda

I tend to write directly on the DEV editor or on VSCode, but I really want to streamline that process too 😟

I want it so bad that I have been working on a web editor that has everything I need to write without many complications. The first thing I wanted to get rid of is having to write in Markdown, so I have controls like these:

Text editor buttons

You can drop images directly and they get added with its respective Markdown. It also works for exporting as HTML.


Maybe we could chat and help each other :D

Collapse
macarie profile image
Raul

I'm not a DEV.TO writer (yet?) but when I write MD files I use VSCode, it's not that good tho. Sometimes I use Bear, but the best editor that I've ever tried, that's not even an editor, is Paper by Dropbox.

Do you have Grammarly Premium? If you do, do you find it useful?

Collapse
trendschau profile image
Sebastian Schürmanns

Maybe someone is interested: I created a plugin to crosspost articles to dev.to with the flat-file cms Typemill. Typemill uses markdown and the plugin makes use of the dev.to-Api. dev.to/trendschau/crosspost-to-dev...

Collapse
raguay profile image
Richard Guay

I use MWeb for the markdown file making/editing. I also use my own web site using GitHub pages and my own template engine using Svelte. You can read about it here: customct.com/#/tutorials/svelteweb...

Collapse
weswedding profile image
Weston Wedding

I try to rely on what IDE plugins I can, but sometimes I switch completely over to a dedicated editor called MacDown, a mac-specific Markdown editor.

Collapse
weswedding profile image
Weston Wedding

Oops, lots of other people do it, too.

Collapse
rmhogervorst profile image
Roel Hogervorst

You can also post to your own website and add the RSS feed to your dev.to account. It can auto publish here or manually

Collapse
rimutaka profile image
Max Author

Roel, yes, this is probably the way to go.

Collapse
recursivefaults profile image
Ryan Latta

I do my writing and authoring in markdown using a program called Highland 2.

I keep all my writing backed up in Dropbox, then I publish to wherever I need. My site is jekyll which is I believe the core of Dev.to as well. So I can easily export almost the same.

With a small tweak I wrote my first book using the same process.

Collapse
andrewbrown profile image
Andrew Brown 🇨🇦
Collapse
rolfstreefkerk profile image
Rolf Streefkerk

write in visual code and copy paste, I also publish on our own site.
The key thing is to have the articles stored in our own repo over having it solely on dev.to

Collapse
tcgumus profile image
Tuna Çağlar Gümüş • Edited on
Collapse
jhermann profile image
Jürgen Hermann

Jupyter 📓 in a locally running JupyterHub, and fastpages (Jekyll) to publish them to GH pages. Then beam the posts via Atom feed to here.

Collapse
alvaromontoro profile image
Alvaro Montoro

I write directly on the DEV.to editor :$

Collapse
chathula profile image
Chathula Sampath

I normaly use stackedit. When i write i try to write for both medium and dev.to. what i do is, write first on medium and then export as a .md . After that use stackedit to fix issues and finalize it.

Collapse
waylonwalker profile image
Waylon Walker

Vecode from my PC and forestry.io remotely or for quick notes that don't need a full editor.

waylonwalker.com/blog/forestry-io/

Collapse
moopet profile image
Ben Sinclair

Vim.

Sorry not sorry.

The whole point of Markdown is that you can read it without an extra rendering step.

Collapse
codingsafari profile image
Nico Braun

One does not simply upload images to github.

Collapse
tam360 profile image
Mirza

I use Remarkable. It's really simple to use.

Collapse
himynameisoleg profile image
Oleg

I’m surprised no one has mentioned notable

Collapse
padakipavan profile image
padaki-pavan

I've used marktext and notable. Both are FOSS and amazing tools to have!