본문으로 건너뛰기
BIMMER MAC BIMMER MAC

맥, 홈 서버, BMW 코딩 전문가 되기

BIMMER MAC BIMMER MAC

맥, 홈 서버, BMW 코딩 전문가 되기

  • 전체 글
  • 💾 BMW 코딩
  • 🚗 BMW 라이프
  • 주식 투자 방법
  • 비머맥 소개
  • 전체 글
  • 💾 BMW 코딩
  • 🚗 BMW 라이프
  • 주식 투자 방법
  • 비머맥 소개
닫기

검색

💻 개발 · 서버

GitHub를 이용해 WordPress에 글을 쓰고 동기화하는 방법

By jihunx
2017-01-23 2 Min Read
0

최종 업데이트 : 2017년 2월 1일 오전 9시 13분

Mytory Markdown 플러그인으로 변환할 때 등록할 때와 시간이 지났을 때 문법 해석이 달라지는 문제-주석이 자꾸 블로그글 링크로 변경되는 문제-가 계속 발생해서 플러그인 사용을 중지했습니다. 현재는 그냥 VSC로 작성한 후에 복사/붙여넣기하고 있습니다.


원문


Visual Studio Code를 설치에서 시작하여 제 개인 문서 라이프사이클에 대해 가장 좋은 방법과 툴을 찾는 중입니다. VS Code를 블로그 코딩용으로만 사용하려니 아깝다는(?) 생각이 들어서 좀 더 적극적으로 사용할 수 있는 방법을 찾다보니 마크다운(Markdown)을 떠올리게 되었습니다.

마크다운이란 웹에서 규격화된 글을 작성하기 위해 고안된 언어의 한 종류라고 할 수 있습니다. HTML보다 쉬운 문법으로 글꼴 스타일이나 주석, 강조, 인용 등의 다양한 표현을 지원합니다.WYSIWYG 방식의 에디터는 글이 어떻게 표시될지 바로 보면서 편집가능하다는 장점이 있는 반면에 불필요한 코드가 나도 모르게 대량 생산(?)될 수 있다는 단점도 있는데 반해, 마크다운으로 글을 작성하면 이런 문제점들이 원천적으로 차단됩니다.

저는 주로 Evernote로 자료를 수집한 다음에 최종 정리를 블로그에 하는데, 블로그에 정리한 글은 꼭 온라인이어야만 볼 수 있다는 단점이 있습니다. 그러다보니 필요할 때 찾으려면 블로그에서 지원하는 검색에 의존해야 하고 네트워크 상태에 따라 로딩 속도가 느릴 때는 빠르게 필요한 정보를 찾아보는게 어려울 때도 있습니다. 그래서 내 컴퓨터에 글을 정리하고, 그 정리한 글을 바로 블로그로 포스팅할 수 있는 방법을 찾고 싶었습니다.

그러다보니 자연스럽게 GitHub가 이 워크플로우에 끼어들게 되네요. 더군다나 VS Code는 기본 기능으로 git과 연동하여 commit하는 것이 가능하니 더할나위 없는 조합입니다. 제가 생각한 이 방법은 초안이므로 이후에 계속 변경될 수 있으며, 변경 사항이 생기면 계속 이 글에 업데이트 내용을 올리겠습니다. 저 말고도 여러 유명한 블로거 분들께서 자료를 수집하고 글을 정리하는 방법에 대해 포스팅하신 것이 있는데 한번 참고삼아 보셔도 좋겠습니다.

  • 놀부의 마크다운 사용법 – 무료 툴을 중심으로 한 워크플로우
  • ONE™의 노트작성 레시피

이 워크플로우의 순서는 아래와 같습니다.

  1. VS Code로 마크다운 문서를 작성
  2. 작성한 문서를 GitHub로 저장
  3. GitHub에 저장한 문서를 워드프레스에 연동
    • 워드프레스의 Mytory Markdown 플러그인 이용
  4. 이후 내 컴퓨터에서 VS Code로 문서를 수정한 경우 GitHub에 저장만 하면 자동으로 동기화(Mytory Markdown 플러그인 지원 기능)

Visual Studio Code로 Markdown 글 작성하는 화면

마크다운 문법에 대한 설명이나 git을 설치하고 GitHub로 문서를 업로드하는 방법은 인터넷에서 쉽게 검색해 보실 수 있으니 따로 설명드리진 않겠습니다. 아래 참고 글 부분을 확인해보시면 쉽게(?) 방법을 배우실 수 있을 것 같습니다.


참고

  • 생활 코딩 : 버전 관리 시스템 GIT 강의
  • 완전 초보를 위한 깃허브
  • 마크다운(Markdown)으로 글을 써보자
  • Markdown Cheatsheet
  • 워드프레스에서 지원하는 마크다운 문법

관련 글

  1. WordPress GitHub Sync 플러그인으로 GitHub와 워드프레스 동기화하기
  2. 설치형 워드프레스를 위한 마크다운 문법
  3. Visual Studio Code 나만의 테마 만들기
  4. 코딩 전 차량 연결 상태를 쉽게 확인할 수 있는 ZGW_SEARCH

Tags:

GitHubMarkdownwordpress
작성자

jihunx

IT, Planning

Follow Me
다른 기사
Previous

Visual Studio Code 나만의 테마 만들기

Next

설치형 워드프레스를 위한 마크다운 문법

댓글 없음! 첫 댓글을 남겨보세요.

답글 남기기 응답 취소

이메일 주소는 공개되지 않습니다. 필수 필드는 *로 표시됩니다

글 카테고리

  • 🍎 맥 · IT 기기 (22)
  • 💻 개발 · 서버 (52)
  • 💾 BMW 코딩 (80)
  • 📈 재테크 · 퀀트 (2)
  • 📝 일상 · 생각 (1)
  • 🚗 BMW 라이프 (33)
  • 🛠️ 생산성 · 도구 (45)

추천 글

  • BMW 코딩 입문서
  • BMW 코딩 백서
  • BMW 코딩 자료실
  • 홈 서버 구축 백서

최근 댓글

  1. BMW 코딩 입문서의 익명2026-08-02

    좋은내용 공유해주셔서 감사합니다 ^^

  2. ISTA로 시트 초기화하기의 ㅇㅇ2026-07-02

    내용은 찾았는데 시행을 어떻게하는지 여쭤봐도 될까요 서비스 플랜에 추가만 되네오

  3. BMWAiCoder로 BMW 내비게이션 맵 업데이트 FSC 코드 얻는 방법의 김성규2026-04-11

    차량과 연결된 이후에 fsc tools 창이 안뜨는데 이유를 모르겠네요

  4. E-Sys Launcher Premium v2.6.2 완전 삭제해서 날짜 제한 초기화하는 방법의 방랑자2025-09-07

    오래전이긴 하나, 혹시 해당 배치 파일을 다시 받을수 있을까요? 아니면 배치의 내용과 원리를 알려주시면 직접 만들수도 있을거 같아요~

  5. E-Sys Launcher Premium v2.6.2 완전 삭제해서 날짜 제한 초기화하는 방법의 익명2025-09-07

    ㅇㅇㅇ

  1. 홈
  2. 💻 개발 · 서버
  3. GitHub를 이용해 WordPress에 글을 쓰고 동기화하는 방법

Alfred AxureRP BMWAiCoder BMW맵업데이트 CoreTraining DrGini ESXi ETK E시리즈코딩 FSC git GitHub gracenote Hotkeys Intro ISTA-D ISTA-list Markdown OpenClaw OpenVPN Scrivener Sketch Study Synology Visual Studio Code VMwareWorkstation VO코딩 WindowsServer2016 wordpress Xpenology 리눅스 리눅스기초 맥서버 차량용거치대 코딩치트코드 코딩튜토리얼 펌웨어업데이트 홈서버구축

메타

  • 로그인
  • 입력 내용 피드
  • 댓글 피드
  • WordPress.org
Copyright 2026 — BIMMER MAC. All rights reserved.