성공적으로 접속하게 되면 아래와 같은 목록이 보인다.
이 목록을 보면 md파일들이 존재하는 것을 볼 수 있다.
이 md 파일이 게시물이 된다.
md 파일은 아래와 같은 형식으로 구성되어 있다
위 형식에 맞추어 내용을 수정해 준 후 push를 하면 블로그에 적용이 된다.
예를 들어 아래 이미지와 같이 설정을 한다고 가정했을 때, 두번째 이미지처럼 블로그에 적용이된다.
![]('img/image.png')
적용해야 한다.게시글은 특정 md 파일 제목을 클릭하면, 우측에 md 파일을 편집할 수 있다
이때, 내용은 markdown으로 작성한다.
문법은 따로 학습하는 걸로! 검색해보면 markdown 에디터도 있으니, 사용해도 좋을 거 같다.
velog 게시글 형식이 markdown 기반이라 기존 글로 테스트 해보았다
위에서 구술했듯이, 게시글 내용에서 이미지를 삽입하기 위해서는 이미지의 경로를 ![]('img/image.png')
적용해야 한다.
이미지 img 목록에서 image.png가 존재하지 않아보이지만, img안에 존재해야 정상적으로 이미지를 불러올 수 있다.
수정후 push 적용이 성공적으로 될 경우, 다음과 같이 성공적으로 게시글 내용이 불러와 진다. (push는 이후 기술)
현재는 블로그에서 blog 란만 변경한 상태지만 동일한 방식으로, About, contact 란도 내용을 변경할 수 있다.
간단하게 commit, push에 대하여 설명하면 아래와 같다.
- commit : 변경사항 기술
- push: repository에 변경코드를 적용
위에서 수정한 내용을 블로그에 적용하기 위해서는 좌측 목록 3번째 버튼 '소스제어'를 클릭해야 한다.
Message란에 commit (변경 내용)을 작성하고 우측 상단에 체크 아이콘을 눌러주면 push가 된다.
push를 한다고 즉각적으로 바뀌지는 않아 몇초? 정도 기다렸다가, 블로그에 접속하면 내용이 적용된다.
생각보다 쉽고 재밌어서 놀랐다😸 뭔가 강의가 몇개 있길래 어렵거나 귀찮을 거 같았는데, 생각보다 더 강의도 정말 짧고 거의 즉각적으로 결과를 확인할 수 있어서 더 재밌었던 거 같다. 실제로 강의는 55초~3분22초인데, 정작 내가 해야할 내용은 강의당 몇 초가 안된 거 같다
무료인데다, 쉬워서 초보자 분들에게 진짜 강추한다👍