Ecosyste.ms: Awesome
An open API service indexing awesome lists of open source software.
https://github.com/maxime1992/dev-to-git
Publish a blog post (markdown file) to Dev.to from your command line or from CI with this CLI
https://github.com/maxime1992/dev-to-git
Last synced: 3 months ago
JSON representation
Publish a blog post (markdown file) to Dev.to from your command line or from CI with this CLI
- Host: GitHub
- URL: https://github.com/maxime1992/dev-to-git
- Owner: maxime1992
- License: mit
- Created: 2019-07-05T14:07:56.000Z (over 5 years ago)
- Default Branch: master
- Last Pushed: 2023-07-10T21:27:29.000Z (over 1 year ago)
- Last Synced: 2024-09-29T06:06:24.869Z (3 months ago)
- Language: TypeScript
- Homepage:
- Size: 858 KB
- Stars: 27
- Watchers: 4
- Forks: 13
- Open Issues: 4
-
Metadata Files:
- Readme: README.md
- License: LICENSE
Awesome Lists containing this project
README
# Dev.to git: One way publishing of your blog posts from a git repo to dev.to
## First, what is dev.to?
https://dev.to is a free and open source blogging platform for developers.
> dev.to (or just DEV) is a platform where software developers write articles, take part in discussions, and build their professional profiles. We value supportive and constructive dialogue in the pursuit of great code and career growth for all members. The ecosystem spans from beginner to advanced developers, and all are welcome to find their place within our community.
## Why would I want to put all my blog posts on a git repo?
- Don't be afraid to mess up with one of your articles while editing it
- Same good practices as when you're developing (format, commits, saving history, compare, etc)
- Use prettier to format the markdown and all the code
- Let people contribute to your article by creating a PR against it (tired of comments going sideways because of some typos? Just let people know they can make a PR at the end of your blog post)
- Create code examples close to your blog post and make sure they're correct thanks to [Embedme](https://github.com/zakhenry/embedme) (_\*1_)_\*1: Embedme allows you to write code in actual files rather than your readme, and then from your Readme to make sure that your examples are matching those files._
If you prefer not to use Prettier or Embed me, you can do so by simply removing them but I think it's a nice thing to have!
## How do I choose which files I want to publish?
There's a `dev-to-git.json` file where you can define an array of blog posts, e.g.
```json
[
{
"id": 12345,
"relativePathToArticle": "./blog-posts/name-of-your-blog-post/name-of-your-blog-post.md"
}
]
```## How can I find the ID of my blog post on dev.to?
Whether it's published or just a draft, you **have to create it** on dev.to directly. Unfortunately, dev.to does not display the ID of the blog post on the page. So once it's created, you can open your browser console and paste the following code to retrieve the blog post ID:
`+$('div[data-article-id]').getAttribute('data-article-id')`## How do I configure every blog post individually?
A blog post has to have a [**front matter**](https://dev.to/p/editor_guide) header. You can find an example in this repository here: https://github.com/maxime1992/dev-to-git/blob/master/test/article.md
Simple and from there you have control over the following properties: `title`, `published`, `description`, `tags`, `series` and `canonical_url`.
## How do I add images to my blog posts?
Instead of uploading them manually on dev.to, simply put them within your git repo and within the blog post use a relative link. Here's an example: `The following is an image: ![alt text](./assets/image.png 'Title image')`.
If you've got some plugin to preview your markdown from your IDE, the images will be correctly displayed. Then, on CI, right before they're published, the link will be updated to match the raw file.
## How to setup CI for auto deploying the blog posts?
If you want to use Github and Travis, a `.travis.yml` file has been already prepared for you.
First, you have to activate the repository on Travis: https://travis-ci.org/account/repositories
Then, you have to create a token on your dev.to account: https://dev.to/settings/account and set an environment variable on Travis called `DEV_TO_GIT_TOKEN` that will have the newly created token as value.
# How can I manage my blog posts? Mono repo? One article per repo?
It's totally up to you and you could even adopt both solutions at the same time.
You can have a repo with a single blog post, for example if you're presenting a library it might make sense to have the article written within that repo.
And if you prefer a mono repo approach with all your articles in the same repo, I've built a template repository to help you get started in a few minutes only: https://github.com/maxime1992/dev.to