• list
  • pagination design
  • tag/category page design
  • tags/categories page design
• post
  • pager design
• common
  • english based environment typography
• make package and publish
• package test

VuePress 블로그 테마: Typewriter | AKE.kr

https://ake.kr/2019/10/25/introduce-vuepress-blog-theme-typewriter/

Vite부터 시작하는 Vue 3 생활 | AKE.kr

https://ake.kr/2020/10/01/vue3-life-starting-with-the-vite/

Vuepress 블로그 제작기 | AKE.kr

regenerated my passion

https://ake.kr/2018/09/29/vuepress-blog-tutorial/

토이 프로젝트 마감기 - 더모아프로 | AKE.kr

https://ake.kr/2024/01/20/toy-project-review-themore-pro/

Github Pages로 정적 페이지 사이트 관리하기 | AKE.kr

https://ake.kr/2018/12/31/static-page-site-management-in-github-pages/

Vuepress 블로그 삽질기 | AKE.kr

regenerated my passion

https://ake.kr/2018/09/30/vuepress-blog-trial-and-error/

문제분석

• 소스 직접뜯어 확인하기
  • $this.router.options.routes의 내용 console.log 찍어서 확인
  • @vuepress/core/lib/internal-plugins/routes.js 소스 확인
    • @vuepress/core/.temp/internal/routes.js 소스에 존재하는것 확인완료
  • @vuepress/core/lib/app/app.js에서 모두 불러오는것 확인
  • this.$page로 전달받는 내용들은 없음.
  • @vuepress/core/.temp/internal/siteData.js에 소스에 존재하지 않음
  • 파일 생성을 담당하는 @vuepress/core/lib/internal-plugins/siteData.js 확인
  • @vuepress/core/lib/prepare/AppContext.js 확인중
    • addPage method 확인 완료.
    • resolvePages method가 문제임을 확인 완료.
• 테마 변경해서 시도하기
  • 다른테마로 시도 https://github.com/ulivz/vuepress-theme-egoist
• 블로그 예제 템플릿으로 시도해보기 https://github.com/ulivz/vuepress-blog-example-egoist

문제이유

@vuepress/core/lib/prepare/AppContext.js에서 resolvePages 메소드에서 파일만 처리하여 플러그인으로 페이지를 직접 생성하는 @vuepress/plugin-blog 플러그인과 충돌하여 라우터 안엔 등록되나 페이지 등록이 되지않음. @vuepress/core/lib/app/components/LayoutDistributor.vue 에서 $page의 정보를 못불러와 404페이지를 출력함

해결하기

@vuepress/core/lib/prepare/AppContext.js에서 resolvePages 메소드안의 내용을 전부 리팩토링

내 프로젝트에 블록체인이 필요한것일까? | AKE.kr

https://ake.kr/2018/10/13/using-blockchain-has-requiored-on-my-project/

왜인지 모르겠는데 vuepress의 마크다운에서 처리하는게 구림

• 테마
  • 페이지 레이아웃에서 왼쪽에 Table of content 부분 hide 스크롤 위치 조건 변경(페이지 갱신될때 active 상태 갱신도 함께)
  • 기본테마에서 스크롤시 hash 바뀌는것 찾아보기
    • 구현은 가능하나 가급적이면 구현체를 확인하고싶어서 그럼
  • 프로필 페이지 제작
  • 포트폴리오 페이지 디자인 슬슬 제작
  • 스크롤시의 이벤트 등 cpu등에 과부하 줄 수 있을만한것들 체크하여 최적화 진행
• 플러그인
  • gtm plugin 제작
    • @vuepress/plugin-google-analytics 수정하여 진행
  • SEO Plugin 제작
    • 블로그 플러그인에서 인젝션 해서 같이 작동되는지 확인하는게 우선임
    • meta description 편집
    • link rel canonical 값 제공
    • meta keyword 값 제공(tag 베이스?)
    • opengraph protocol 값 제공
    • twitter card 값 제공
  • Blog-Advance Plugin 제작(Blog 플러그인 포크)
    • feed.xml 제공
    • 페이지 customLayout 작동하도록 하는것이 목표
    • _drafts 폴더 안의 파일 별도 분리 및 편집 적용