사이트 네트워크 허브
불러오는 중…
등록된 사이트 사이트 정보 수정 →
| ID | 이름 | 그룹 | 랜덤 후보 | 수집 상태 |
|---|
한 줄 설치 (위치 자동)
사이트의 공통 헤더(<head>)에 이 한 줄만 넣으면, 각 페이지의 footer 바로 앞에 다른 글 더 보기 섹션이 생깁니다. 관련 글을 먼저, 이어서 다른 사이트 글을 보여 주고, 처음 몇 개만 보인 뒤 스크롤하면 계속 이어서 불러옵니다. (footer 가 없으면 본문 끝 → 페이지 끝)
기본은
footer 바로 앞. 본문 끝에 넣고 싶으면 넣을 곳 main, article + 위치 "그 안쪽 맨 끝". "스크롤하면 이어서"를 끄면 "더 보기" 버튼으로 바뀝니다.
<head> 에 넣을 코드
예전에 넣은
data-auto="related,random" 코드도 그대로 동작합니다 (자동으로 한 섹션). 헤더에 직접 넣어 둔 <div class="site-network"> 는 지워 주세요.미리보기 · 설치 코드 만들기
설치 코드
SEO용 자동 삽입 설정 (정적 사이트)
정적 사이트 저장소에 넣는 GitHub Actions 파일입니다. 매일 새벽 관련 글 링크를 HTML 에 직접 써 넣어서 검색엔진이 읽을 수 있게 합니다. (워드프레스는 플러그인이 대신하므로 필요 없음)
HTML 폴더: index.html 이 저장소 바로 아래에 있으면
., public 폴더 안에 있으면 public
site-network-inject.yml
- 사이트의 HTML 에서 관련 글 위치를
<!-- site-network:start -->~<!-- site-network:end -->로 감싸 두기 (위 설치 코드 그대로) - 파일 받기 → 그 사이트 저장소의 .github/workflows/ 폴더에 넣기 (폴더가 없으면 만들기)
- GitHub 데스크탑에서 그 사이트 저장소 선택 → Commit to main → Push origin
- 매일 새벽 자동 실행. 바로 실행: View on GitHub → Actions → 사이트 네트워크 링크 갱신 → Run workflow
- 이 Actions 가 매일 커밋하므로, 그 사이트를 고치기 전엔 Pull origin 먼저
- 그 사이트의 기존 workflow 파일(.github/workflows/*.yml)을 열기
- HTML 을 만드는 단계 바로 뒤, 커밋하는 단계 앞에 위 내용을 붙여 넣기 (들여쓰기 맞추기:
- name:이 다른 단계와 같은 줄 위치) - HTML 폴더는 그 Actions 가 HTML 을 만들어 내는 출력 폴더로 지정
- GitHub 데스크탑에서 Commit → Push
사이트 추가하기
아래를 채우면 sites.json 에 붙여 넣을 코드가 만들어집니다. 이 페이지는 저장소를 직접 고칠 수 없어서, 만든 코드를 복사해 붙여 넣고 Commit → Push 하면 됩니다.
그룹 (같은 그룹끼리 관련 글로 연결)
sites.json 에 넣을 코드
- GitHub 데스크탑에서 Fetch origin → Pull origin
- 저장소 폴더의 sites.json 을 메모장(또는 VS Code)으로 열기
"sites": [목록의 마지막 사이트}뒤에 쉼표(,)를 찍고 위 코드를 붙여 넣기 → 저장- GitHub 데스크탑에서 Commit to main → Push origin (몇 분 뒤 위 표에 나타남)