글 작성시 여러분은 어떻게 하나요??
전 1차로 vscode에서 오른쪽 글작성 양식 태그 생성?을 사용해서 추가하고
2차로 작성페이지에서 구글이미지링크를 추가하고 수정하는식으로 하는데...
1차에서 vscode 미리보기 확장자를 쓰면 새로고침이 너무 많아서 구글드라이브에서 제 ip로 이미지를 몇시간동안 못보게 막더라구요
이번에 테마 전체 새로 만들어서 기존에 있던 게시물들 코드문법?이라고 해야하나 잘못된게 많아서. 수정을 해야 할듯도 하고 해서 작업중에 다른분들은 어떻게 작성 하시나 궁금해서 물어봅니다 ㅎ
|
댓글을 작성하시려면 로그인이 필요합니다.
댓글 4개
작업시에는 이미지를 로컬로 추가하고
마지막에 일괄 수정 기능으로 구글 경로로 자동바꿈시키면 편하지 않나요?
글작성 양식 페이지에 왼쪽사이드에 있는게 각기 다른 스타일의 태그 자동완성 페이지를 구성했어요...
<div style="margin-bottom: 30px;">
<h4 style="margin-bottom: -11px; padding-top: 10px; padding-bottom: 20px; background-color: #37393B; border-top-left-radius: 5px !important; border-top-right-radius: 5px !important; text-align: center; font-weight: 900;">소제목</h4>
<p style="margin-bottom: 15px; padding-top: 10px; padding-bottom: 10px; background-color: #272822; border-bottom-left-radius: 5px; border-bottom-right-radius: 5px;">이미지1</p>
</div>
<div style="margin-bottom: 30px;">
<p style="margin-bottom: 15px;">설명내용</p>
</div>
태그 자동완성 자바스크립트로 입력 필드에 텍스트를 추가하면 위 코드가 완성되게 해놓았어요
그리고 이미지는 이미지 링크및 제목, 설명 입력필드에 해당하는 텍스트나 url 구글드라이브 링크를 넣으면 자동완성해서 다운로드가아닌 바로 이미지 볼수 있는 태그를 만들어서 중간 '이미지1'부분에 해당 태그를 붙혀 넣기 하는 식으로 하고 있어요
<div style="margin-bottom: 30px;">
<h4 style="margin-bottom: -11px; padding-top: 10px; padding-bottom: 20px; background-color: #37393B; border-top-left-radius: 5px !important; border-top-right-radius: 5px !important; text-align: center; font-weight: 900;">소제목</h4>
<p style="margin-bottom: 15px; padding-top: 10px; padding-bottom: 10px; background-color: #272822; border-bottom-left-radius: 5px; border-bottom-right-radius: 5px;"><img style="display: block;margin: 0 auto;" src="구글링크" title="제목" alt="설명"></p>
</div>
<div style="margin-bottom: 30px;">
<p style="margin-bottom: 15px;">설명내용</p>
</div>
좋은 소스입니다
@대립군 소스를 올리진 않았지만...댓글 감사합니다.