구글 블로거) 서드파티 백업용 블로그 공사중임.

공지) 신규 기능을 추가 해보았습니다!

티스토리는 아카이브로 쓰기엔 봇 + 쓸대없는 캡챠 버그등등
현실적으로 쓰기 너무 힘들어 구글 블로거를 살려볼려고 
이리저리 코드를 넣어서 최적화 중이다.
 
모바일 페이지 최적화 완료 
(쇼츠처럼 사용가능)

무한 스크롤 구현 완료

페이지 컨테이너 깨져서 
글 합쳐지거나 가려짐 문재해결 
 
[구현 코드]

<!-- ============================= -->
<!-- Infinite Scroll Page Stack START -->
<!-- ============================= -->
<script>
//<![CDATA[
let nextPageUrl = null;
let loading = false;
let pageIndex = 1;

/* 다음 페이지 찾기 */
function getNextPageLink(doc){
  const link = doc.querySelector('a.blog-pager-older-link');
  return link ? link.href : null;
}

/* 페이지 단위 로드 */
async function loadNextPage(){
  if(loading || !nextPageUrl) return;
  loading = true;

  try {
    const res = await fetch(nextPageUrl);
    const text = await res.text();
    const parser = new DOMParser();
    const doc = parser.parseFromString(text, 'text/html');

    const newPosts = doc.querySelector('.blog-posts');
    const mainContainer = document.querySelector('.blog-posts');

    if(newPosts){
      // ✅ 페이지 단위로 감싸기
      const pageWrapper = document.createElement('div');
      pageWrapper.className = 'page-chunk';
      pageWrapper.setAttribute('data-page', ++pageIndex);

      pageWrapper.innerHTML = newPosts.innerHTML;

      // ✅ 기존 아래에 페이지 통째로 추가
      mainContainer.parentNode.appendChild(pageWrapper);
    }

    nextPageUrl = getNextPageLink(doc);

  } catch(e){
    console.error(e);
  }

  loading = false;
}

/* 스크롤 트리거 */
window.addEventListener('scroll', () => {
  const scrollBottom = window.innerHeight + window.scrollY;
  const docHeight = document.body.offsetHeight;

  if(scrollBottom >= docHeight - 800){
    loadNextPage();
  }
});

/* 초기 설정 */
window.addEventListener('DOMContentLoaded', () => {
  nextPageUrl = document.querySelector('a.blog-pager-older-link')?.href;
});
//]]>
</script>
<!-- ============================= -->
<!-- Infinite Scroll Page Stack END -->
<!-- ============================= -->

 
그리고 댓글로 실시간 소통 가능하게 하고 이웃이 뭘 올렷는지 피드를 만들어 
구글 블로거가 없는 "소통성"을 강화 해볼려고 이리저리 기술적으로 파고들고 있는대
 
생각보다 서드파티의 사이트나 등등 접근성이 영~ 구리다...
그냥 이부분은 포기하고 아카이빙 된 데이터를 열람을 편하게 만들어
채류 시간을 구축해 나만의 커뮤니티를 구축하는대 초점을 맞추는게 좋을듯함 ㅇㅇ