당신은 주제를 찾고 있습니까 “노션 도메인 연결 – 노션튜토리얼 #5 노션 제공 무료 도메인(단축 주소 URL) 연결해서 사용하는 법, notion.site 주소 신청해서 선점하세요“? 다음 카테고리의 웹사이트 you.maxfit.vn 에서 귀하의 모든 질문에 답변해 드립니다: https://you.maxfit.vn/blog. 바로 아래에서 답을 찾을 수 있습니다. 작성자 아보느 Aboneu 이(가) 작성한 기사에는 조회수 2,097회 및 좋아요 25개 개의 좋아요가 있습니다.
1 도메인에 연결할 노션 페이지를 보면 상단에 공유 버튼이 있습니다. 2 웹에서 공유를 클릭합니다. 그러면 주소가 aaa.notion.site 식으로 나오는데요. 이 주소를 복사해서 메모장에 붙여 넣습니다.
노션 도메인 연결 주제에 대한 동영상 보기
여기에서 이 주제에 대한 비디오를 시청하십시오. 주의 깊게 살펴보고 읽고 있는 내용에 대한 피드백을 제공하세요!
d여기에서 노션튜토리얼 #5 노션 제공 무료 도메인(단축 주소 URL) 연결해서 사용하는 법, notion.site 주소 신청해서 선점하세요 – 노션 도메인 연결 주제에 대한 세부정보를 참조하세요
※ My 노션 원래 주소 –
https://www.notion.so/Notion-Tutorial-X-ABONEU-3cee21ebb7a4404cbf31a2e8cc98d5b9
https://www.notion.so/guideline/Notion-Tutorial-X-ABONEU-3cee21ebb7a4404cbf31a2e8cc98d5b9
※ 노션 제공 도메인으로 신청한 My 노션 무료 주소
https://guideline.notion.site
https://testname.notion.site
※ 타임스탬프
00:00 노션 무료 도메인 주소
00:17 기존 긴 노션 주소 예시
01:11 새로운 노션 제공 도메인 단축 주소 예시
01:48 노션 도메인 신청 따라해보기
02:54 공개사이트로 도메인 주소 웹 검색 연결
※ 아보느닷컴 – https://aboneu.com
영상에 관한 문의점이나 커뮤니티가 필요하신 분은
https://cafe.naver.com/aboneu \”아보느 카페\” 에 방문해주세요^^
◀ 이전 편 – https://youtu.be/5y44tdi1FJg
▶ 다음 편 –
#노션 #notion.site #노션사용법
노션 도메인 연결 주제에 대한 자세한 내용은 여기를 참조하세요.
노션 블로그에 커스텀 도메인 삽입 – Moves in Design
노션으로 포트폴리오 블로그를 제작할 계획을 짰을 때, 바로 커스텀 도메인에 대한 고려를 시작하게 되었다. … 노션 Notion 공개 페이지에 도메인 연결하기.
Source: www.sanghyo.xyz
Date Published: 2/19/2022
View: 5024
호스트네임 생성 가이드 – 우피
1. 노션을 공유 상태로 만들어 주세요. · 2. 우피 콘솔에서 호스트네임 생성을 진행해 주세요. · 3. 생성한 호스트네임에 접속해 보세요. · 커스텀 도메인 연결도 진행해 …
Source: www.oopy.io
Date Published: 11/25/2021
View: 7171
노션 페이지 공유로 나만의 홈페이지 만들기 (도메인 연결 완전 …
(웹 호스팅은 도메인과 별개로 홈페이지에 많은 사용자가 유입될 때의 데이터 처리 등을 하기 위한 서버 관리 서비스인데 노션 페이지 연결 목적이라면 …
Source: blog.naver.com
Date Published: 6/12/2021
View: 2527
[Notion] 노션 공개 페이지에 도메인 연결하기 – 클리앙
이 기능을 지원하면 자신이 보유한 도메인을 노션 공개 페이지에 연동하여 … DOMAIN.COM 도메인 별칭을 Notion 공개 페이지로 연결하고 싶다면 NT …
Source: www.clien.net
Date Published: 2/12/2022
View: 8351
노션 도메인 연결하여 프로필 페이지로 활용하기 – 오마이라이프
노션 페이지 하나를 공개형으로 바꾸어 도메인을 연결하고 또 이를 오마이라이프 프로필 페이지로 활용하기로 결심하였다.
Source: ohmylifeblog.tistory.com
Date Published: 3/5/2022
View: 6000
노션 #Notion 공개 페이지에 도메인 연결하는 방법입니다
노션 #Notion 공개 페이지에 도메인 연결하는 방법입니다. 생각보다 간단합니다. 블로그에 올렸던 글인데 혹시 필요하신 분이 있을까봐 공유합니다.
Source: www.facebook.com
Date Published: 12/1/2022
View: 478
도메인 연결 – Notion
A new tool for teams & indivuals that blends everyday work apps into one.
Source: www.notion.so
Date Published: 1/7/2021
View: 8824
<2> 노션으로 홈페이지로 만들기 – 브런치
<1> 노션 가입 <2> 샘플 복사 하기 <3> 홈페이지 직접 수정하기 <4> 접속 해 확인 하기 <5> 모든 사람이 접속 하도록 웹 공유하기 <6> 도메인 연결 …
Source: brunch.co.kr
Date Published: 7/6/2022
View: 3013
주제와 관련된 이미지 노션 도메인 연결
주제와 관련된 더 많은 사진을 참조하십시오 노션튜토리얼 #5 노션 제공 무료 도메인(단축 주소 URL) 연결해서 사용하는 법, notion.site 주소 신청해서 선점하세요. 댓글에서 더 많은 관련 이미지를 보거나 필요한 경우 더 많은 관련 기사를 볼 수 있습니다.
주제에 대한 기사 평가 노션 도메인 연결
- Author: 아보느 Aboneu
- Views: 조회수 2,097회
- Likes: 좋아요 25개
- Date Published: 2021. 12. 17.
- Video Url link: https://www.youtube.com/watch?v=xq2Li3LQ-5k
노션 페이지 자신의 도메인으로 연결하는 방법 (2021년 11월 기준)
노션 페이지를 자신의 도메인으로 연결하는 방법 – 에버노트 대신 노션으로 갈아타서 주요 노트앱으로 사용하시는 분들이 많은데요. 에버노트와는 다른 노션만의 장점이나 기능이 있죠. 메모장이라기 보다는 하나의 데이터베이스나 잘 꾸며진 페이지라고 볼 수 있기 때문에, 노션 페이지를 구인 구직 페이지나, 회사소개 페이지로 사용하는 경우도 많은데요.
노션도 공유기능을 가지고 있지만, 여기에 만약 자신의 도메인으로 연결하면 좋지 않을까? 란 생각이 있었는데 이미 방법이 있더라구요. 그런데, 노션은 계속 서비스 개선을 하기 때문에 기존의 방법으로는 도메인 연결이 되지 않았고 클라우드 플레어 사이트 디자인도 바뀌어서 다른 웹사이트에 나온 것만 보고는 실패해서, 2021년 11월 기준으로 제가 성공한 방법을 정리해 보려고 합니다.
노션 페이지 자신의 도메인으로 연결하기 위한 준비물
자신의 도메인 (DNS 변경이 가능해야 함)
공유할 노션페이지
먼저 준비물이 있습니다. 공유할 노션페이지가 있어야겠죠. 그리고, 자신의 도메인이 있어야 합니다. DNS 변경이 가능해야 하는데요. 국내 또는 해외 사이트를 이용하여 도메인을 구입하셨을 경우 대부분 도메인 업체에서 DNS 설정을 변경할 수 있습니다. 자신의 도메인이 아닌 무료로 일부 업체에서 제공하는 서브 도메인으로는 설정이 불가능합니다.
챕터 1. 노션 페이지를 공유페이지로 만들기
1 도메인에 연결할 노션 페이지를 보면 상단에 공유 버튼이 있습니다.
2 웹에서 공유를 클릭합니다. 그러면 주소가 aaa.notion.site 식으로 나오는데요. 이 주소를 복사해서 메모장에 붙여 넣습니다. 또는 나중에 설정할때 다시 이 페이지에서 복사해도 됩니다.
3 하단에 있는 링크 복사버튼을 누를 경우 주소가 살짝 달라서 불편하니, 위의 방법대로 복사합니다.
챕터 2. 클라우드 플레어 가입하기
사이트에 접속해서 가입 버튼을 클릭하고, 간단하게 이메일 주소와 비밀번호를 설정하면 가입이 완료 됩니다.
챕터 3. 클라우드 플레어의 DNS로 변경하기
1 클라우드 플레어로 가입하게 되면 아래 화면처럼 사이트를 주소를 입력하라고 나오는데요. 설정할 도메인을 입력합니다. 만약 서브 도메인(test.bbb.com 의 형태)을 노션페이지에 연결하고 싶다더라도 아래 부분에는 bbb.com 과 같은 루트 도메인 형태로 입력합니다.
2 하단으로 내리면 무료 플랜이 있습니다. 무료플랜을 선택합니다.
3 DNS를 변경하라고 나오는 데요.
4 Add record 를 클릭합니다.
5 Type 은 CNAME 선택
6 Name 에는 bbb.com 입력시 노션페이지로 이동하고 싶다면 @ 를 입력 / test.bbb.com 입력시 노션페이지로 이동하고 싶다면 test 를 입력합니다. test대신 본인이 원하는 이름으로 하면 되겠죠. 이 후 설명에서는 test로 설명하겠습니다.
7 IPv4 address 에는 notion.so 를 입력하고 Save 버튼을 클릭합니다.
8 현재 해당 도메인의 DNS가 보입니다. (제 경우에는 googledomains 라고 나오네요.) 이것을 클라우드 플레어 네임서버로 변경해 줘야 합니다.
9 자신의 도메인 구입업체 사이트에서 DNS 설정을 바꿀 수 있습니다. 저는 구글도메인에서 구입했기 때문에 해당 페이지에서 클라우드플레어의 도메인 네임 서버 정보를 입력하였습니다.
10 도메인 네임서버를 클라우드 플레어로 바꾸었다면 클라우드 플레어 사이트에서 Done 버튼을 클릭합니다.
챕터3. 클라우드 플레어 Workers 설정하기
1 클라우드 플레어의 메뉴를 보면 Workers라는 부분이 있습니다. 해당 메뉴를 클릭하면 아래에 로드중이라는 부분이 나오는데요. 기다려도 활성화되지 않으니 위쪽에 Workers 관리라는 버튼을 클릭합니다.
2 처음 Workers를 설정할 경우 아래의 화면이 나옵니다. 설정 버튼을 클릭합니다.
3 Workers 요금은 개인 사용 및 단순 응용 프로그램용 무료로 선택합니다.
4 설정을 끝냈다면, Workers 페이지에서 Create a Service를 볼 수 있는데요.
5 서비스 이름에는 notion 으로 적어보겠습니다. Select a starter에는 HTTP handler로 설정하고 Create Service 버튼을 클릭하겠습니다.
6 축하합니다. 성공했다고 나오는데요. 빠른 버튼 편집을 클릭합니다.
7 소스 입력창이 나오게 되는데요. 왼쪽 부분에 소스를 붙여넣어야 합니다. 붙여넣을 소스는 다음 챕터를 참고하세요.
챕터4. 만든 Workes에 소스 코드 붙여넣기
기존 글들이 현재는 되지 않는 것이 노션의 경우 계속 서비스 개선이 되고 있는데요. 기존에 잘 작동했던 소스가 현재로서는 에러가 나고 있습니다. 때문에 해외 프로그래머가 재능기부하는 사이트를 알려드리겠습니다. 매우 간단한 방법으로 소스코드를 가져올 수 있습니다.
1 Fruition 사이트에 접속합니다. (해당 사이트도 노션페이지로 되어있습니다.)
2 페이지 중 Step 2에 자신의 도메인 (bbb.com 또는 test.bbb.com) 을 입력합니다.
3 챕터1에서 복사한 노션 페이지 주소를 붙여넣습니다.
4 COPY THE CODE 를 클릭하면 클립보드에 소스가 복사됩니다.
5 바로 전 챕터에서 했던 Workers 소스 부분에 현재 있는 짧은 소스를 모두 지운후 컨트롤 + V 하여 이 소스 코드를 붙여넣기 합니다.
챕터5 클라우드 플레어에서 루트 설정하기
1 다시 클라우드 플레어 사이트에서 왼쪽 메뉴중 웹사이트 > 자신의 도메인을 클릭합니다.
2 왼쪽 메뉴에서 Workers 를 선택하면, HTTP Routes에 경로추가버튼이 있습니다.
3 Route에는 bbb.com/* 또는 test.bbb.com/* 를 입력합니다 뒤에 /* 를 꼭 입력해야 합니다.
4 Service에 notion 을 선택합니다. 또는 자신이 설정한 Worker의 이름을 선택합니다.
5 Environment 에는 아무것도 선택하지 마세요. 선택하니 저는 에러가 났습니다.
6 저장 버튼을 클릭합니다.
드디어 모든 설정이 끝났습니다. 설정한 도메인을 입력하면 자신이 설정한 노션페이지로 이동이 됩니다. 2021년 11월 26일 현재 저의 노션페이지는 위의 방법대로 잘 설정이 되었습니다. 도메인 설정 변경은 최대 24시간이 걸릴 수도 있으므로, 만약 잘 설정되었다면 좀 기다려 보세요. 또한, 노션은 계속 서비스개발을 하고 있기 때문에 소스코드가 현재는 잘 되고 있으나 차후에는 에러가 생길 수도 있습니다. 아직까지 외국 개발자가 변경사항에 대해서는 대응하는 것 같습니다.
저는 개발자가 아니므로, 기술적 문제에 대해 질문을 하셔도 어떠한 사항도 추가적으로 알려드릴 부분이 없습니다. 설명을 최대한 자세히 해 놓았으니 따라서 해보시고, 만약 안될 경우 다시한번 찬찬히 살펴 보세요.
지금까지 안테나곰이었습니다.
노션 페이지 공유로 나만의 홈페이지 만들기 (도메인 연결 완전 쉽게 정리)
생산성 툴. 노션. 노션 페이지 공유로 나만의 홈페이지 만들기 (도메인 연결 완전 쉽게 정리) 자유하라 ・ URL 복사 본문 기타 기능 공유하기 신고하기 안녕하세요, 하고싶은 걸 하면서 살자 ㅡ 자유하라입니다. 지난 포스팅에 예고 드린 대로 노션을 개인 홈페이지처럼, 도메인 ( www.나만의주소.com ) 을 연결하는 방법을 알려드릴게요. 도메인이 뭔지, 호스팅이 뭔지 잘 모르셔도 이 포스팅 하나면 해결할 수 있도록 정리해보겠습니다. 제가 여기저기 검색하면서 참 힘들었거든요 ㅋㅋㅋ 그래서 이걸 보시는 여러분들은 그런 고생!! 하지 마시고 쉽게 쉽게 해봅시다. 0. (개념 이해) 뭘 한다는 거야? 도메인이 뭐야? 먼저 노션 페이지 공유부터 짚고 넘어가겠습니다. 노션에서 작성한 페이지는 다른 사람들과 자유롭게 공유할 수 있답니다. 노션에서 워낙 깔끔한 디자인을 제공하다 보니 이런 페이지 공유의 장점을 살려 별도의 웹사이트 제작 프로그램이 없어도 노션으로 디자인 포트폴리오를 만든다던가, 개인 또는 기업의 홈페이지, 블로그 등으로 사용할 수 있어요. 다른 사람들과 페이지 공유하려면 웹사이트 주소를 알려줘야 하는데 노션 페이지 링크를 보면 의도치 않게 한글판과 영문판 비교 www.notion.so/135792468~~~ 처럼 엄청 긴 꼬리 주소가 붙어있습니다. 자신의 웹페이지로 활용하려면 nike.com 처럼 주소가 알려주기 쉽게 되어 있어야 하는데 노션의 페이지 공유 기능으로는 그게 안됩니다. 그래서 자신만의 웹 주소인 도메인을 만들어서 (저 같은 경우는 offbeat-life.me) 노션에서 공유하고자 하는 페이지 링크인 www.notion.so/135792468~~~ 과 연결하게 되면, 사람들에게 offbeat-life.me만 알려주어도 제 노션페이지를 들어올 수 있게 됩니다. 그냥 노션 링크로 줘도 되긴 되잖아요? 이게 왜 필요한데? 물으신다면 이런 거예요. 그냥 형광등만 있어도 사는데 지장 없지만 왠지 예쁜 조명으로 인테리어 하고 싶잖아요? 그냥 김치찌개만 먹어도 사는데 왠지 제육볶음에 계란 프라이 정도는 있어줘야 되잖아요? 적절한 예가 되셨길 바라며 🤦♂️ 그럼 본격적으로 시작해보겠습니다. [ 노션 공유 페이지를 개인 웹페이지로 도메인 연결하는 법 ] 총 4단계로 요약! 1. 도메인 구입 2. 클라우드 플레어 가입 및 세팅 3. 도메인 구입한 사이트에서 네임서버 변경 4. 클라우드 플레어로 돌아가서 Workers & 경로설정하면 끝! 1. 도메인 구입하기 자신만의 웹사이트 주소인 도메인은 업체에서 보통 1년 단위로 돈을 내고 구입합니다. 비용은 싸게는 500원 같은 이벤트 가격부터 10만 원짜리도 있지만 기본 1년에 1만 원 내외 이며, 사이트를 유지하려면 매년 갱신 비용을 내야 합니다. 대표적인 업체는 가비아, 카페24, 호스팅케이알 등이 있습니다. 저 같은 경우는 호스팅케이알에서 구입했는데 가비아나 카페24가 더 큰 업체이니 참고하시기 바랍니다. 도메인은 인터넷상 고유의 주소이기 때문에, 중복 ID가 안되듯이 도메인도 중복 여부를 체크하고 사용 가능한 걸 구입하셔야 합니다. 예를 들어 offbeat-life.me는 이미 제가 구입하였기 때문에 검색해보면 사용할 수가 없다고 나옵니다. 대신. com, .net, .co.kr 등은 가능하네요. 위 페이지는 가비아에서 캡처한 것인데, 위에서 말씀드린 세 업체 어디를 들어가셔도 쉽게 도메인을 검색해보고 사용 가능 여부를 확인해보실 수 있어요. 가격비교는 잘 해보시구요 🙂 사용 가능한 도메인을 찾으셨다면 비용을 결제하면 되는데, 이 과정에서 웹 호스팅 등의 부가 서비스를 사용할 건지 물어보는 건 다 안 하셔도 됩니다. (웹 호스팅은 도메인과 별개로 홈페이지에 많은 사용자가 유입될 때의 데이터 처리 등을 하기 위한 서버 관리 서비스인데 노션 페이지 연결 목적이라면 필요 없습니다. 참고로 원래는 도메인만 있어서는 안되고 웹호스팅을 꼭 같이 구입해야 웹사이트 구축이 됩니다. 주소(도메인)만 있으면 안되고 실제 집 건물의 공간(웹호스팅) 존재해야 하는 겁니다.) 가비아 같은 경우는, 도메인 구입 과정에서 네임서버 선택을 물어봅니다. 이 역시 기본 설정 그대로 가비아 네임서버 사용이라고 해놓고 우리는 나중에 바꿀 겁니다. 아무것도 변경할 필요 없이 그냥 필수 정보만 입력하고 결제하면 도메인 세팅은 완료! 가비아 도메인 구입 과정에서 물어보는 서비스 관리 정보 (있는 그대로 그냥 놔두면 됨) 2. 클라우드 플레어(Cloudflare) 가입 및 세팅 자, 위 1번에서 말씀드린 것처럼 이제 도메인 (나만의 주소, offbeat-life.me)과 노션에 공유하고 싶은 페이지의 링크(notion.so/13579~~~)를 연결해 주어야겠죠? 여기에 필요한 중간 다리를 놓아주는 역할을 바로 클라우드 플레어 사이트에서 해결할 수 있습니다. 어려운 말로 하자면 DNS(도메인 네임 시스템) 네임서버를 변경해 준다고 하고 쉬운 말로 하자면 주소창에 offbeat-life.me를 쳤을 때, 내 눈에 보이는 건 offbeat-life.me이지만 사실 뒤에서는 notion.so/13579~로 보내버리는 겁니다. 회원 가입하신 다음 여기서부터 따라오세요~ 2-1. 사이트 추가 : 구입한 내 도메인 입력하기 2-2. 요금제 : 무료 선택 2-3. DNS(Domain Naim System) : 레코드 추가 아래 캡처화면에 보이는 빨간 글씨대로 입력한 후 저장 이름 서버 (=네임서버)를 잘 기억해 주세요! 3. 도메인 구입한 사이트에서 네임서버 변경 위의 클라우드 플레어에서 확인한 2개의 네임서버를 복사한 다음, 도메인을 구입한 사이트로 돌아가서 네임서버 변경처리를 해줍니다. (제가 구입한 호스팅케이알 사이트 기준으로 ) 보유 도메인 클릭 – 네임서버 정보 수정 위의 클라우드 플레어에서 확인한 네임서버를 복사 – 호스팅케이알 네임서버 정보에 붙여넣기 – IP 체크 각각 클릭하여 업데이트 > 저장 후 닫기 4. 클라우드 플레어로 돌아가서 Workers & 경로 설정 보기에 복잡한 코딩 언어가 나오지만 복사 + 붙여넣기만 하면 되니 걱정 마세요👍 4-1. 클라우드 플레어에서 Workers – Workers 관리 (*클라우드 플레어가 처음인 경우만 해당*) 구입한 도메인 입력 – 요금제 무료 선택 – 이메일 확인 4-2. Workers 생성 4-3. Workers의 새로운 이름 지정 : 왼쪽 상단에 Worker 이름을 클릭하여 notion-worker로 변경 & 스크립트 네모 박스 안 모두 지워버리기 4-4. Workers 코드 수정 : 공유된 코드 복붙하여 스크립트에 입력 (블로그 우클릭 금지로, 👉 여기 클릭하여 복사해 주세요👈 ) 한 후, 빨간색 네모 부분을 설명에 따라 수정 4-5. 저장 및 배포 4-6. Workers 페이지 – 경로 추가 마지막 단계! 경로 추가에 내 도메인/* 입력하고 아까 만들어둔 notion-worker 선택하여 저장 완료 이제 인터넷 주소창에 내가 구입한 도메인을 입력해보세요. 🎉✨ 순서대로 여기까지 잘 되셨다면 공유할 노션 페이지로 연결되실 거예요. 설정에 시간이 걸릴 수 있다는 안내 메시지가 뜨기도 하는데 저는 생각보다 바로 되더라구요! 그럼 이제 별도의 웹사이트 구축 프로그램 없이 노션을 나만의 홈페이지로 활용하실 수 있고, 노션 앱에서 수정하면 홈페이지에도 바로바로 반영이 된답니다. 그럼 모두 각자의 홈페이지로 노션을 200% 활용하시기 바라며 저는 이만 다음 포스팅은 어떤 걸로 할까 생각하며 자러 가야겠습니다. 궁금한 거 있으시면 댓글 주세요 🙂 [함께 읽으면 좋은 글] 노션 템플릿 공유 시작합니다 (독서노트 +more) 회사를 그만두고 얻은 6가지 인쇄
[Notion] 노션 공개 페이지에 도메인 연결하기 : 클리앙
출처 : https://romantech.net/1046
노션에서 작성한 모든 페이지는 공개 링크를 만들어 다른 사람에게 공유할 수 있다. 링크를 공유받은 사용자는 노션에 가입하지 않아도 공개 설정한 페이지에 방문할 수 있다. 언제가 될진 모르겠지만 추후 “커스텀 도메인” 기능도 지원한다고 했다. 이 기능을 지원하면 자신이 보유한 도메인을 노션 공개 페이지에 연동하여 사용할 수 있다. 그럼 노션을 블로그 같은 콘텐츠 배포 공간으로 활용하기 더 좋아진다. 하지만 아쉽게도 도메인 연동 기능을 언제 지원할지는 아직 미지수다.
그래서 오늘은 자신이 보유하고 있는 도메인을 노션 페이지에 연동하는 방법을 소개하고자 한다. Cloudflare의 Web Worker를 활용하여 HTTP 요청을 수동으로 변경해주면 자신의 도메인으로도 Notion의 공개 페이지에 접속할 수 있다. 복잡해 보이지만 차근차근 따라 해 보면 정말 간단하다.
1. 노션 페이지 공개 설정
Notion 페이지 공개 설정 화면
▲ 먼저 공유하고 싶은 노션 페이지를 공개 상태로 만들어야 한다. 공개하고 싶은 페이지에서 우측 상단 Share 버튼을 눌러 Public Access 옵션을 체크하면 된다. 검색엔진에도 노출하고 싶다면 Allow Search Engines에 체크하면 된다. 공개 설정했다면 바로 아래에 있는 Copy Page Link를 클릭해 공개 페이지 링크를 복사해둔다. 그럼 아래 같은 공개 링크를 부여받는다.
2. 네임서버 변경
호스팅케이알 네임서버 변경 화면
▲ 본인이 사용하고 있는 도메인을 CloudFlare 네임서버로 변경해야 한다. Hosting.kr 기준 “도메인” ➝ “정보 변경” ➝ “네임서버 주소 변경”에서 변경할 수 있다. 완료했다면 다시 Cloudflare 사이트 로그인 후 “+ Add Site” 버튼을 눌러 자신의 도메인을 추가하면 된다.
네임서버를 변경하면 기존 등록했던 네임서버 설정이 모두 지워지므로 Cloudflare에서 다시 등록해야 한다. 도메인 네임서버 변경 관련한 더 자세한 내용은 링크를 참조하면 된다.
https://support.cloudflare.com/hc/en-us/articles/205195708-Changing-your-domain-nameservers-to-Cloudflare
3. 도메인 별칭(CNAME) 설정
네임서버 변경을 완료했다면 CloudFlare 대시보드에서 도메인 CNAME을 설정해야 한다. 만약 DOMAIN.COM 이 본인이 소유하고 있는 도메인 주소고 NT.DOMAIN.COM 도메인 별칭을 Notion 공개 페이지로 연결하고 싶다면 NT 별칭 레코드를(CNAME) 추가하면 된다.
CloudFlare의 CNAME 설정 화면
▲ CloudFlare 대시보드에서 “DNS” 아이콘을 눌러 DNS 관리 페이지로 들어간 뒤 위 이미지처럼 추가한다. Name 부분은 도메인 앞에 들어가는 별칭으로(nt.domain.com) 원하는 단어를 임의로 입력해주면 된다.
Type : CNAME
Name : nt (임의입력)
Target : notion.so
4. Web Worker 세팅
CloudFlare의 Workers 페이지 화면
▲ 다음 할 일은 CloudFlare의 Web Workers를 이용해 앞서 추가한 서브도메인에 대한 HTTP 요청을 자동으로 바꿔주는 세팅을 해야 한다. 대시보드 상단에 있는 “Worker” 아이콘을 클릭한 뒤 하단 “Launch Editor” 버튼을 클릭한다.
▲ Launch Editor 페이지 좌측에 있는 “Add Script” 버튼을 클릭하여 Script Name을 notion-worker로 입력한다. 스크립트 편집창이 뜨면 아래 내용을 추가한다.
const MY_DOMAIN = “example.com”
const START_PAGE = ” https://www.notion.so/link/to/your/public/page
addEventListener(‘fetch’, event => {
event.respondWith(fetchAndApply(event.request))
})
const corsHeaders = {
“Access-Control-Allow-Origin”: “*”,
“Access-Control-Allow-Methods”: “GET, HEAD, POST,PUT, OPTIONS”,
“Access-Control-Allow-Headers”: “Content-Type”,
}
function handleOptions(request) {
if (request.headers.get(“Origin”) !== null &&
request.headers.get(“Access-Control-Request-Method”) !== null &&
request.headers.get(“Access-Control-Request-Headers”) !== null) {
// Handle CORS pre-flight request.
return new Response(null, {
headers: corsHeaders
})
} else {
// Handle standard OPTIONS request.
return new Response(null, {
headers: {
“Allow”: “GET, HEAD, POST, PUT, OPTIONS”,
}
})
}
}
async function fetchAndApply(request) {
if (request.method === “OPTIONS”) {
return handleOptions(request)
}
let url = new URL(request.url)
let response
if (url.pathname.startsWith(“/app”) && url.pathname.endsWith(“js”)) {
response = await fetch(` https://www.notion.so$
let body = await response.text()
try {
response = new Response(body.replace(/www.notion.so/g, MY_DOMAIN).replace(/notion.so/g, MY_DOMAIN), response)
// response = new Response(response.body, response)
response.headers.set(‘Content-Type’, “application/x-javascript”)
console.log(“get rewrite app.js”)
} catch (err) {
console.log(err)
}
} else if ((url.pathname.startsWith(“/api”))) {
response = await fetch(` https://www.notion.so$
body: request.body, // must match ‘Content-Type’ header
headers: {
‘content-type’: ‘application/json;charset=UTF-8’,
‘user-agent’: ‘Mozilla/5.0 (Macintosh; Intel Mac OS X 10_13_6) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/73.0.3683.103 Safari/537.36’
},
method: “POST”, // *GET, POST, PUT, DELETE, etc.
})
response = new Response(response.body, response)
response.headers.set(‘Access-Control-Allow-Origin’, “*”)
} else if (url.pathname === `/`) {
let pageUrlList = START_PAGE.split(“/”)
let redrictUrl = ` https://$
return Response.redirect(redrictUrl, 301)
} else {
response = await fetch(` https://www.notion.so$
body: request.body, // must match ‘Content-Type’ header
headers: request.headers,
method: request.method, // *GET, POST, PUT, DELETE, etc.
})
}
return response
}
위 스크립트 내용 중 모든 MY_DOMAIN 부분을 서브 도메인 주소로 대치(노션 페이지로 연결시킬 별칭 도메인).
예시) “NT.DOMAIN.COM”
START_PAGE 는 노션 공개 페이지의 URL로 대치(1번에서 복사해뒀던 노션 Public Page Link).
▲ 스크립트 내용 추가/수정이 완료됐다면 Deploy(Save) 버튼을 눌러 저장한 후 다시 Worker 페이지로 돌아간다.
Route 편집 화면
▲ Worker 페이지에서 Add Route 버튼을 눌러 Route와 Worker 항목을 각각 아래처럼 입력한다.
Route : 사용자 지정 도메인 뒤에 /* 와일드카드 문자 추가(해당 도메인의 모든 하위 콘텐츠는 Web Worker로 엑세스).
예시) NT.DOMAIN.COM/*
Worker : Launch Editor에서 세팅한 notion-worker 선택
위: 도메인 접속 주소, 아래: 노션 공개 링크 주소
여기까지 기본적인 세팅을 완료했다. 이제 앞서 설정한 도메인 주소를 입력하여(예를 들면 본인의 https://colorfilter.me ) 외부에 공개한 Notion 페이지로 접속할 수 있다. 이 방식은 CloudFlare의 Edge Computing 기능을 이용해 Notion 공개 페이지로 액세스 하는 HTTP 요청 패킷의 Host 수정을 통해 구현한 원리(라고 한)다. CloudFlare의 우수한 CDN 성능 때문인지 노션 페이지가 열리는 시간도 더 단축된 것 같다.
참고 글 : https://notion-tricks.com/Use-a-custom-domain-for-a-public-Notion-page-c65c2475c520432e8bd87195edf7c464
노션 도메인 연결하여 프로필 페이지로 활용하기
1. 노션 페이지를 공개형으로 전환하기 우측 상단 Share > Public Acess (Can read), Allow search engines
– allow duplicate as template은 타인이 내 페이지를 복사하여 템플릿으로 이용할 수 있다는 뜻. 나는 블록해두었다.
2. 난 가비아에서 도메인을 구매하였다. 부가 서비스 설정 > 포워딩 > 연결 주소 https (노션 주소 복붙)
– 유동 포워딩, 사이트 제목, 검색 키워드 등록 (고정 포워딩 / http 설정하면 실패합니닷! 유의하세요.)
너무나 빠르고 쉽게 성공! https://ohmylife.co.kr/
이라고 생각했으나! 이후 다시 접속해보니 실패.
<2> 노션으로 홈페이지로 만들기
무료로 원하는 홈페이지를 만들어보자
무료다
노션으로 무료 홈페이지를 만들수 있다.
빠르게 만들수 있다.
이미지가 준비되어 있다면 1시간~3시간이면 만들수 있다.
<1> 노션 가입
<2> 샘플 복사 하기
<3> 홈페이지 직접 수정하기
<4> 접속 해 확인 하기
<5> 모든 사람이 접속 하도록 웹 공유하기
<6> 도메인 연결하기
<20> 홈페이지 만드는 방법 10가지
<1> 노션 가입
https://www.notion.so/ko-kr
이 메일 입력후 회원 가입한다.
로그인 한다.
<2> 샘플 복사 하기
커피집 템플릿을 복제해 사용하자.
https://www.notion.so/7abda9fe20754cb68b050cf6d867421c
오른쪽 위 복제를 클릭한다.
<3> 홈페이지 직접 수정하기
회면에서 보면서 바로 직접 수정 가능하다.
저장은 따로 필요 없다.
이미지등 미리 준비한다.
<4> 접속 해 확인 하기
https://www.notion.so/www-ServerChk-com-5d468a290cfa4cfc8ef7506e505f0000
<5> 모든 사람이 접속 하도록 웹 공유하기
1
오른쪽 위 공유 활성화 > 웹에서 공유를 활성화
2
링크 복사 > 접속 확인
https://momentous-moonstone-037.notion.site/www-ServerChk-com-5d468a290cfa4cfc8ef7506e505f0000
<6> 도메인 연결하기
우피 서비스로 노션을 도메인으로 연결해 사용해보자
https://www.oopy.io/
<20> 홈페이지 만드는 방법 10가지
https://brunch.co.kr/@topasvga/2280
감사합니다.
키워드에 대한 정보 노션 도메인 연결
다음은 Bing에서 노션 도메인 연결 주제에 대한 검색 결과입니다. 필요한 경우 더 읽을 수 있습니다.
이 기사는 인터넷의 다양한 출처에서 편집되었습니다. 이 기사가 유용했기를 바랍니다. 이 기사가 유용하다고 생각되면 공유하십시오. 매우 감사합니다!
사람들이 주제에 대해 자주 검색하는 키워드 노션튜토리얼 #5 노션 제공 무료 도메인(단축 주소 URL) 연결해서 사용하는 법, notion.site 주소 신청해서 선점하세요
- 노션단축도메인
- 노션공개도메인
- notion.site
- 노션무료주소
- 노션무료도메인
- 노션도메인연결
- 노션개인도메인
- 노션접속통계
- 노션카운터
- 노션구글검색등록
- 노션네이버검색등록
- 노션검색등록
- 노션검색엔진
- 노션사이트등록
- 노션방문자통계
- 노션템플릿
- 노션사용법
- 노션대학생
노션튜토리얼 ##5 #노션 #제공 #무료 #도메인(단축 #주소 #URL) #연결해서 #사용하는 #법, #notion.site #주소 #신청해서 #선점하세요
YouTube에서 노션 도메인 연결 주제의 다른 동영상 보기
주제에 대한 기사를 시청해 주셔서 감사합니다 노션튜토리얼 #5 노션 제공 무료 도메인(단축 주소 URL) 연결해서 사용하는 법, notion.site 주소 신청해서 선점하세요 | 노션 도메인 연결, 이 기사가 유용하다고 생각되면 공유하십시오, 매우 감사합니다.