이번에 추가로 개발을 진행한 것들을 정리해보고자 한다.

카테고리 정렬

카테고리를 정렬하는 것을 추가하였다.

아무래도 카테고리의 순서를 내 마음대로 수정할 수 있으면 편한 점이 많기 때문에 이를 수정하기로 하였다.

특히 오픈소스에 대한 명시와 기타는 맨 마지막으로 빼고 싶었는데.

다음과 같은 카테고리 설정파일에 명시를 해주면 이에 따라 정렬이 된다.

{
    "name": "이 블로그의 오픈소스",
    "seq": 1000
}

다음과 같이 잘 동작한다.

날짜 표시 수정

기존에 날짜를

YYYY-MM-DD HH-mm-ss

형식으로 표시를 해주었는데. 아무래도 시간 부분이 부자연스러워서 수정하게 되었다.

index 페이지 수정

블로그의 맨 처음 페이지를 처음에는 그냥 리다이렉션으로 지정하고 있었는데.

다음과 같이 리디렉션 오류가 거슬려서 그냥 최신 인덱스 페이지를 그대로 복사해놓는 것으로 수정하였다.

private async generateMainPage() {
    logger.debug("/index.html 생성 중");
    
    let sortedPost = this.postList.sort((a, b) => {
        return a.idx - b.idx;
    });
    let lastPost = sortedPost[sortedPost.length - 1];
    let exportPath = path.join(bConfig.BLOG_EXPORT_PATH, `index.html`);
    let pageContent = await lastPost.makePage();

    this.sitemap.push(new Sitemap({ loc: bConfig.getUrl() }));

    await afs.writeFile(exportPath, pageContent);
}

조잡하게 때려넣어서 구현한 것은 덤이다...

파비콘 추가 설정

파비콘에 몇 가지 누락한 것이 있어서 추가하였다.

구글 모바일 검색 결과인데. 왼쪽 위에 아이콘이 없어서 몹시 허전하였다.

그래서 나도 좀 있어보이기 위해서 이 부분이 왜 적용이 안되는 것인지 검색해보았다.

https://developers.google.com/search/docs/advanced/appearance/favicon-in-search?hl=ko

다음과 같은 구글의 가이드라인이 존재한다.

그러니까 shortcut icon 항목을 추가해주면 되는 듯하여 이를 추가해주도록 하였다.

오픈소스 표시 수정

오픈소스를 일부 사용하는 만큼 이에 대한 라이선스 표시도 해주어야 한다.

블로그 생성기는 npm을 통해 더 많은 오픈소스를 사용하고 있지만,

실제로 배포되는 것은 정적인 웹 페이지이다.

그러므로 배포되는 오픈소스에 대해서만 우선 명시를 해두었다.

블로그 스타일과 정적파일은 현재는 블로그 생성기에 달려있는 요소이지만 어찌되었건 사용자는 나 혼자니까 조금 아쉽더라도 그냥 블로그 글로 땜빵을 하였다(...)