Step By Step: Github 블로그 만들기 [4]

WeWorship TV·2020년 12월 2일
0

Github Blog

목록 보기
4/4

Github 블로그에 글을 등록하자!!

전제조건이 하나 있어요.
Github Desktop을 설치하고 로그인을 하셔야 되요.

Github 블로그는 '마크다운' 형식으로 글을 작성하게 됩니다.
여기서 '마크다운'이 무엇일까요?

1) 마크다운이 뭐고?

마크다운(markdown)은 일반 텍스트 기반의 경량 마크업 언어다. 일반 텍스트로 서식이 있는 문서를 작성하는 데 사용되며, 일반 마크업 언어에 비해 문법이 쉽고 간단한 것이 특징이다. HTML과 리치 텍스트(RTF) 등 서식 문서로 쉽게 변환되기 때문에 응용 소프트웨어와 함께 배포되는 README 파일이나 온라인 게시물 등에 많이 사용된다.

위에 적혀있듯이 주로 README 파일에서 많이 사용되고 있습니다.
깃허브를 사용해본 적이 있다면 쉽게 접할 수 있는 README.md 파일이 바로 그 것입니다.
또한 *.md 라는 확장자명을 사용하며 문법이 쉽고 관리하기가 편하다는 것이 장점입니다.

하지만 기본이 없으면 작성이 제대로 안되듯이 구글을 열심히 검색을 해봐야겠죠??

마크다운 작성법
클릭하시면 응용하기 쉽게 적혀있으니 한번 열심히 읽어보세요.

그리고 또 하나.
Velog 또한 마크다운 형식이니 조금씩 익숙해지지 않을까요?

2) 마크다운 형식으로 쓰려면 에디터는?

저는 현재 개발환경 에디터를 Visual Studio Code를 사용하고 있습니다.

세상에서 이처럼 편한 에디터가 어디 있겠습니까만은....
마크다운으로 쓰기에는... 읍읍


VS Code의 Extension을 검색해보니 여러가지가 나오긴 하는데 다 설치해봤지만 별로 마땅한게 없어 보였습니다.

그래서 찾아본게 몇개 있습니다.

이렇게 몇개를 좀 찾아봤는데 사용 후 가장 만족감이 높은 타이포라를 소개하려고 합니다.

3) 타이포라 설치&실행

  1. 타이포라 사이트에 접속

타이포라 사이트에 가면 제일 먼저 나오는 화면이지만
무시하세요

  1. 타이포라를 다운로드 받으세요
    아래로 쭈욱 내리다보면 이런 화면을 만나게 됩니다.

이것들이 정중하게 묻지도 않습니다.
건방지게 물어보네요.
저는 여기서 리눅스 버전을 소개합니다.
(왜냐면 제가 우분투를 쓰고 있으니까요)

이게 끝이예요!! (정말 진지 궁서체)

  1. 타이포라 설치 / 실행
    뭐 없습니다.
    터미널 열어서 저기에 적혀있는데로 실행하시면 설치 완료됩니다.

그러면 애플리케이션에 이렇게 뜹니다

(메모장인가)

그리고 실행하면 이런 창이 발생합니다.

(진짜 메모장이네?)

4) 글을 써볼까요?

새롭게 시작하는 블로그를 한번 보세요!
샘플이 하나 있을거예요!!

제목 / 부제목 / 포스팅 날짜 / 작성자 / 카테고리 / 사진 이 있고

포스팅 내용과 코드도 보이고

순서가 있는 목록과 없는 목록
(심지어 수학기호도 있어??)

이제 샘플로 작성된 이 글이 어떻게 작성해야 저렇게 나오는지 확인을 좀 해볼까요?

글은 사진의 _posts안에 들어있다고 합니다.


아무 글이나 클릭해서 확인을 해봅시다.


분명 글에는 없던 표가 있네요?
잘 보니까 확인했던 글의 정보를 가지고 있는 듯 합니다.
그러면 어떻게 만드는 건지 수정버튼을 눌러서 확인을 해보겠습니다.


수정버튼을 클릭해서 보면 두가지 섹션으로 나뉜것을 확인 할 수 있습니다.

---
layout: post
author: johndoe
title: Netlify CMS created this Article
date: 2020-05-23T09:52:20.613Z
thumbnail: /assets/img/posts/hello.jpg
category: jekyll
summary: Demo Content using Netlify CMS
keywords: using netlify cms with devlopr-jekyll, devlopr jekyll netlify cms, how to use netlify cms
permalink: /blog/using-netlify-cms/
---

이렇게 보시면 뭔가 감이 오시겠죠?

자 그러면 한번 작성을 해 보겠습니다.
Typora를 켜서!!

똑같이 작성을 해보았습니다.

그리고 파일을 클론한 곳에 저장을 하고 commit을 진행해봅니다.

제대로 push가 되었네요.
한번 사이트 들어가서 확인을 해볼까요?

사이트에도 제대로 적용이 되었고

안의 이미지나 내용도 잘 들어갔네요!!

이런 식으로 작성해서 올리시면 될 거 같습니다!!

profile
자 이제 시작이야 내 꿈을

0개의 댓글