Skip to main content

블로그 기능 추가

· 4 min read

블로그 기능 추가하게 된 배경​

2년전부터 계속 나만의 이야기를 기록하고 싶다는 마음가짐이 있었지만, 번번히 쓸 때마다 뭐부터 써야할지 고민하고 어떤 정체성과 방향을 가져야할까 고민하다가 접게 되었다. 블로그 글을 쓰기 위해 티스토리, 네이버 블로그 등 다양한 포탈을 사용했었지만, 확실히 자주 들어가는 곳이어야 글도 자연스레 쓰는 것 같았다. 그래서 어차피 지금 개발 공부 정리하고 활용하는 이 블로그이야말로 내가 내 일상과 개발일지 정리하기에 적당하다고 판단을 내려 여기에 기능을 추가하게 되었다.

블로그 추가 기능​

먼저 docusaurus에 있는 blog 옵션들을 활성화하고, 폴더를 추가해 기능을 부활시켰다. 확실히 docusaurus는 블로그 글 정리하는데 편리하다는 느낌을 받았다.

먼저 설정에서 blog 설정을 부활하고

//docusaurus.config.ts
...
blog: {
	showReadingTime: true, //블로그 포스트에 예상 읽기 시간을 표시
	feedOptions: {
		type: ['rss', 'atom'],
		xslt: true,
	},
	onInlineTags: 'warn',
	onInlineAuthors: 'warn',
	onUntruncatedBlogPosts: 'warn',
},
...

그리고 nav바에 dropdown 형식으로 navitem을 추가 세팅했다

//docusaurus.config.ts
...
navbar: {
      title: 'JK StudyHouse',
      logo: {
        alt: 'JK StudyHouse Site Logo',
        src: 'img/favicon.ico',
      },
      items: [
        {
          type: 'docSidebar',
          sidebarId: 'studySidebar',
          position: 'left',
          label: 'Study',
        },
        {
          type: 'dropdown',
          label: 'Blog',
          items: [
            {
              label: 'Blog',
              to: '/blog',
            },
            {
              label: 'Archive',
              to: '/blog/archive',
            },
          ],
          position: 'left',
        },
        {
          href: 'https://github.com/Programmer-JK',
          label: 'GitHub',
          position: 'right',
        },
        {
          href: 'https://portfolio-programmer-jks-projects.vercel.app/',
          label: 'Portfolio',
          position: 'right',
        },
      ],
    },
...

이렇게 해서 초기 블로그 글을 추가했다.