Meta 태그 수정(추가)
:viepoint, author, keywords, description 을 meta name으로 지정
<!DOCTYPE html>
<html lang="ko">
<head>
<meta charset="UTF-8">
<!-- 메타태그 수정 -->
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<meta name="author" content="yujincoding">
<meta name="keywords" content="십이간지 연애유형">
<meta name="description" content="십이간지 연애유형">favicon이란?
:웹페이지 이름 옆에 뜨는 조그마한 이모티콘
favicon 만드는 법
Free Icons PNG, ICO, ICNS and SVG
MingCute building - filled
icon-icons.com
2. 찾고 싶은 이미지 검색하기
3. ico 확장자로 다운로드
4. 폴더에 넣어주기 -> vs code에서 자동으로 업데이트 됨.
<!-- favicon -->
<link rel="shortcut icon" href="img/heartfavicon.ico"/>
<link rel="apple-touch-icon-precomposed" href="img/heartfavicon.ico"/>5. html에 코드 입력해주기.
참고) 두 번째줄은 apple 사용자를 위해서 추가한 것
만든 웹사이트 배포하는 방법
Scale & Ship Faster with a Composable Web Architecture | Netlify
Realize the speed, agility and performance of a scalable, composable web architecture with Netlify. Explore the composable web platform now!
www.netlify.com
2. 회원가입하기 ( github와 연동하여 간단하게 가입 가능 )
3. sites 클릭 -> or deploy manually 밑에 박스에 내가 만든 폴더 전체 업로드
**나는 32개의 파일을 업로드 했다.
5. 업로드 되면 클릭
5. ①domain management 클릭 -> ②options -> Edit site name
6. 나는 사이트 이름을 twelvelovetypee으로 바꿈. "내가 바꾼 이름".netlify.app이 주소가 됨.
이를 그대로 복사해서 meta property안 url 부분에 붙여넣기
<!-- sns 카카오톡 공유하기 -->
<meta property="og.url" content="https://twelvelovetypee.netlify.app" />
<meta property="og.title" content="십이간지 연애유형" />
<meta property="og.type" content="website" />
<meta property="og.image" content="img/share.png" />
<meta property="og.description" content="십이간지로 알아보는 연애유형" />
netlify 배포 후 파일 수정을 하게 되었을 때 방법
1. 직접 netlify에 새로운 폴더를 넣어서 update해주는 방법
deploys 누르고 * 참고로, deploly는 배치하다, 효율적으로 사용하다 라는 뜻.
업데이트 된 폴더를 drag and drop 하면 됨.
2. github와 연동하여 gihub에 수정해서 push할 때마다 수정되도록 하는 방법.
1. production 클릭
2.①site configuration -> ②build &deply settings -> continous deplyment
③link repository 버튼 클릭
4.이제 여기서 github 클릭