첫 번째 배달은 자동화된 것이다

당신은 한 사이트에서 유튜브의 다음 라벨을 열고 수천 년의 시간을 끌지 않고 IDE/수첩에 블로그를 쓰는 것을 더 좋아합니까?
이제 너는...너는 한동안 할 수 있지만, 지금은 틀림없다.
Maxime dev-to-git 도구를 만들었습니다. 이 도구는 가격 인하 파일을 가져와 dev.to에서 발표할 수 있고, Bram Borggreve Github 조작으로 강좌를 만들 수 있습니다.

어떻게

1단계 - API 키로 개발

개발자 계정에 로그인하여 설정에 들어가세요.DEV API Keys 섹션은 Account 탭에서 확인할 수 있습니다.만약 당신이 원한다면, 그것에 대해 설명을 해 주십시오. 만약 당신이 키가 여러 개 있다면, 당신이 그것으로 무엇을 하는지 알게 되어 기쁩니다.Generate 를 클릭하여 키를 생성합니다.
키를 생성하면 활성 키 드롭다운 목록에 무작위 문자가 표시됩니다.이것은 dev.to API에 접근할 수 있는 영패입니다.
Github 작업 흐름을 설정할 때 이 키가 필요합니다.

2단계 - Github 저장소 만들기

여기서 모든 것은 네가 결정해라.모든 블로그 게시물에repo를 만들거나 모든 dev.to 블로그 게시물에monorepo를 만들고 싶습니다.너는 처음부터 가방을 추가할 수 있다.json과 작업 흐름yaml도 사용할 수 있습니다.만약 네가 시간을 써서 물건을 설치하고 싶지 않다면, 이 틀은 정말 유용하다.너는 간단하게 그것을 복제하고 글을 쓰기 시작할 수 있다.Maxime의 템플릿은 Travis CI에 적용되기 때문에 이번에는 처음부터 참고하겠습니다.
빈 저장소를 만듭니다.
의존 항목을 설정하려면 다음package.json을 추가합니다.

{
  "name": "dev.to",
  "repository": {
    "type": "git",
    "url": "https://github.com/ariskycode/dev.to-blogs.git"
  },
  "scripts": {
    "prettier": "prettier",
    "embedme": "embedme blog-posts/**/*.md",
    "prettier:base": "yarn run prettier \"**/*.{js,json,scss,md,ts,html,component.html}\"",
    "prettier:write": "yarn run prettier:base --write",
    "prettier:check": "yarn run prettier:base --list-different",
    "embedme:check": "yarn run embedme --verify",
    "embedme:write": "yarn run embedme",
    "dev-to-git": "dev-to-git"
  },
  "dependencies": {
    "dev-to-git": "1.1.0",
    "embedme": "1.11.0",
    "prettier": "1.18.2",
    "yarn": "^1.22.10"
  }
}

저장소의 루트 디렉토리에 dev-to-git.json 파일을 생성해야 합니다.dev-to-git 도구는 이 파일을 사용하여 블로그를 발표할 것입니다.
이것은 당신이 원하는 모든 블로그를 수용할 수 있는 간단한 그룹입니다. json 대상마다 두 개의 필드가 있습니다. id와relativePathToArticle.우리는 첫 번째 블로그 글을 만들 때 이 id를 어떻게 검색하는지 볼 수 있습니다.

[
  {
    "id": 502153,
    "relativePathToArticle": "./blog-posts/first-post-and-its-automated/first-post-and-its-automated.md"
  }
]

우리는 두 개의 의존항을 사용했다.더 예뻐, 더 잘 어울려.Prettierlinting에 사용하면 환매 중의 문제를 자동으로 복구할 수 있습니다.Embedme 원본 코드 세션을 자술 파일에 삽입하는 데 사용됩니다. 경로를 제공하고 Embeddeme를 실행하기만 하면 됩니다.
따라서 우리가 모든 것을 전송하기 전에, 우리는 yarn run prettier:check 을 실행하여linting 문제를 검사하고, yarn run prettier:write 를 사용하여 자동으로 복구하고, embedmeyarn run embedme:verify 를 실행하여 모든 경로가 정확한지 검사하고, yarn run embedme 를 실행하여 삽입된 자술을 만들 수 있다.
우리는 이 명령들을 작업 흐름에 추가할 것이다. 그러면 어떤 부적절한 부분이 발생하고 잘못된 내용이 발표되지 않으면 구축이 중단될 것이다.
우리는 이미 기본적인 저장소 설정을 준비했고, 지금은 블로그를 쓰고 있다.

3단계 - 첫 번째 자동 게시물 추가

이제 첫 번째 게시물을 만듭니다.현재 Maxime와 Bram이 자동으로 새 게시물을 만들고 있기 때문에 수동으로 만들어야 합니다.
dev.to 계정에 로그인합니다.탐색 모음에서 Write Post 버튼을 클릭합니다.초고만 만들면 제목을 추가하고savedraft를 누르십시오.
초고를 저장하면 dev.to에서 게시물에 id를 생성합니다.이 id를 이 게시물의 참고로 사용할 것입니다.
id를 검색하려면 브라우저 컨트롤러에서 다음 명령을 실행할 수 있습니다.

+$("div[data-article-id]").getAttribute("data-article-id");

이 id를 사용하여 dev-to-git.json에 추가할 수 있습니다.
패키지 구조는 전적으로 귀하가 결정하지만, relativePathToArticle 에서 정확한 경로를 제시하는 것을 기억하십시오.여기에서 디렉터리 블로그 게시물이 있고 모든 블로그 게시물에 폴더를 만들 것입니다.
너의 블로그 이름으로md, 저장소 자체의 모든 내용을 유지하는 데 도움을 줄 탭을 추가해야 합니다.

---
published: true
title: "First post and IT'S AUTOMATED"
cover_image: ""
description: Create a post that is version controlled in Github and auto-published using Github Actions
tags: devto, publication, blogpost, continuousdeployment, github
series:
canonical_url:
---

dev.to에 접근하지 않고 업데이트를 직접 발표할 수 있기 때문에 정말 좋습니다.이 도구를 사용하면 모든 이미지를 로컬에 저장하고 링크가 발표되기 전에 원격 링크로 변환할 수 있기 때문에 현재 이미지라도 버전에 따라 제어됩니다.
모든 이미지가 올바르게 연결되어 있는지 확인하려면 패키지를 확인하십시오.json은 정확한 것을 가지고 있다repository-url.

단계 4 - 워크플로우 설정

Github 작업 흐름 설정은 간단합니다.
Github Actions는 기본적으로 CI/CD 도구로 워크플로우 폴더에 정의된 절차에 따라 코드를 구축, 테스트, 배치할 수 있습니다.
만들다.루트 디렉터리의github 디렉터리를 만들고 작업 흐름 폴더를 만듭니다.
워크플로 폴더에서, 파이프가 실행될 절차를 포함하는yaml을 정의합니다.

name: Publish

on:
  push:
    branches:
      - main
  pull_request:
    branches-ignore:
      - main

jobs:
  build:
    name: Publish
    runs-on: ubuntu-latest
    steps:
      - name: Checkout Repo
        uses: actions/checkout@master

      - name: Setup Nodejs
        uses: actions/setup-node@v1
        with:
          node-version: "12.x"

      - name: Install dependencies
        run: yarn install

      - name: Run Prettier
        run: yarn run prettier:check

      - name: Run Embedme
        run: yarn run embedme:check

      - name: Deploy to dev.to
        run: DEV_TO_GIT_TOKEN=${{ secrets.DEV_TO_GIT_TOKEN }} yarn run dev-to-git

이것은 간단한 작업 흐름입니다. 저장소에 서명하고 의존항을 설치하고prettier와embeddeme를 실행한 다음 dev-to-git 도구를 실행합니다. 이 도구는 당신의 게시물을 dev.to에 게시합니다.
dev to git 단계에서 secrets.DEV_TO_GIT_TOKEN 파라미터가 있음을 알 수 있습니다.다른 사람이 1단계에서 만든 API 토큰을 사용하지 않도록 저장소에 기밀을 추가할 수 있습니다.저장소에 추가하려면 저장소 설정으로 이동합니다.너는 비밀 부분을 보게 될 것이다.API 키를 새 암호 키로 추가하고 저장합니다.
이제 우리 다 끝났어!나머지는 로컬 저장소에 제출하고 보내는 것입니다!

5단계 - 첫 번째 게시물 게시

이러한 변경 사항을 마스터/마스터 분기로 전송하면 Github 작업은 워크플로가 있는지 자동으로 감지하고 실행합니다.
이전 배포의 진행 상황 또는 이전 기록을 보려면 Github 저장소의 작업 탭에 액세스하십시오.
워크플로를 클릭하면 모든 단계와 로그를 볼 수 있습니다.
만약 그 중 어느 단계가 실패한다면, 우리는 이곳에서 로그를 보고 문제를 복구할 수 있다.
너의 블로그는 이미 완성되었어, 모든 것이 끝났어!

6단계 - 이윤?

내가 dev.to에서 배운 또 다른 교묘한 기교는 dev.to가 너의 블로그 문장의 이익을 허락하는 것이다.이것은 단지 테스트판 기능일 뿐이지만 투기가 유행하고 있다.
인터넷 화폐화는 직접 콘텐츠 창조자를 대상으로 발전하고 있다. 화폐화 공급자는 지갑에 연결된 결제 지침(예를 들어 베보 id, 모든 돈이 그곳으로 다시 정해진다)을 만들 수 있다.
당신이 해야 할 일은 공급자를 등록해서 지갑을 연결하고 이 작은 부분을 모든 사이트에 추가하는 것입니다.

<meta name="monetization" content="your payment pointer" />

너는 그것을 더 잘 이해하기 위해 계산할 수 있고, 그것도 등록하는 절차가 있다.
Dev.to는 메타 태그를 처리합니다.Dev.To에서 설정하려면 설정에 들어가서 추가 섹션에 결제 지침을 추가합니다.
봐라!광고가 없으면, 너는 여전히 돈을 벌 수 있다.

읽어주셔서 감사합니다!

읽어주셔서 감사합니다. 반드시 검사해야 할 출처입니다. 그들은 다른 놀라운 것들을 만들었습니다.
만약 당신이 어떤 잘못을 보았다면, 당신은 공관과 필요한 변화를 제기할 수 있고, 우리는 그들을 직위에 추가할 수 있습니다!