2022.07.20~23_5주차_og태그_13강

5-13강. og태그

• og:image, title, description 같이 넣어볼거야.
• 참고 코드스니펫 : og태그 넣기
• file_name
  • projects/homework/app.py
  • projects/homework/templates/index.html

---

1_og : image, og : title, og : description

1. index.html에 og태그넣기

• HTML : index.html
• meta태그와 link rel 사이에 적당한 곳에 공간 주고, og태그 붙여줘

<meta property="og:title" content="내 사이트의 제목" />
<meta property="og:description" content="보고 있는 페이지의 내용 요약" />
<meta property="og:image" content="이미지URL" />

 

 

=> content = " "에 해당되는 내용과 주소를 넣어줘

    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">

    <meta property="og:title" content="아이유(IU) 귀여워 팬명록" />
    <meta property="og:description" content="나랑 너의 사이엔 응원이 필요해!" />
    <meta property="og:image" content="https://fonts.googleapis.com/css2?family=Noto+Serif+KR:wght@200;300;400;500;600;700;900&display=swap" />

    <link href="https://cdn.jsdelivr.net/npm/bootstrap@5.0.2/dist/css/bootstrap.min.css" rel="stylesheet"
          integrity="sha384-EVSTQN3/azprG1Anm3QDgpJLIm9Nao0Yz1ztcQTwFspd3yD65VohhpuuCOmLASjC" crossorigin="anonymous">
    <script src="https://ajax.googleapis.com/ajax/libs/jquery/3.5.1/jquery.min.js"></script>

 

 

 

2_ 수정한 파일 다시 올려주기

• 내 컴퓨터에서만 수정한 걸 내가 산 컴퓨터한테도 올려줘야겠지.

1. 돌아가던 원격접속 끊어줘야지
2. filezilla 파일 바꿔치고
3. 다시 돌려줘야지

---

1. git-bash(원격접속) 을 꺼주고

• 강제종료 명령어로

ps -ef | grep 'python app.py' | awk '{print $2}' | xargs kill

 

 

=> 결과 : 잘 끊어짐

ubuntu@ip-172-31-40-168:~$ ls
sparta
ubuntu@ip-172-31-40-168:~$ cd sparta/
ubuntu@ip-172-31-40-168:~/sparta$ ls
app.py  nohup.out  static  templates
ubuntu@ip-172-31-40-168:~/sparta$ nohup python app.py &
[1] 35946
ubuntu@ip-172-31-40-168:~/sparta$ nohup: ignoring input and appending output to 'nohup.out'

ubuntu@ip-172-31-40-168:~/sparta$
ubuntu@ip-172-31-40-168:~/sparta$ ps -ef | grep 'python app.py' | awk '{print $2}' | xargs kill
kill: (36078): No such process
ubuntu@ip-172-31-40-168:~/sparta$

 

 

=> 브라우저도 꺼짐 확인해. 잘 꺼짐.

 

 

2. filezilla에 있던 파일들을 싹 지워줘

• app.py, static 폴더, templates 폴더

 

=> 결과

 

 

3. 수정된 파일들을을 다시 filezillla에 넣어준다

 

• nohup.out은 상관하지말아.

 

 

3. 다시 git-bash로 원격접속 돌려

• nohup로

$ nohup python app.py &

 

=>

 

 

• 주소창에 http://sparta-ran.shop/를 넣고 그 결과?

 

=> 잘 나오고 있으

 

4. 카카오톡에 공유

하면 끝~ 자잔~ 햐하하하하