카테고리설정 에러

드디어 블로그 사이드바에 카테고리를 만들었다.

하지만 카테고리 목록을 눌러보니 날 반겨준건 404notfound와 css가 적용이안된 화면이었다

404 NOT FOUND

경로에 문제가 있다고 생각해 경로설정을 해주었고 그렇게 해결되었다.

그렇게 찾아가며 카테고리를 만들었는데 나는 이 카테고리가 마음에 들지 않았다.

단순히 강의만보고 html로만 만들었기에 뭔가 좀더 꾸미고 한번에 적용할 수 있게 만들고 싶었다.

(글쓸때마다 사이드바 네비게이션 독스쓰는게 너무 귀찮았..)

새로만든 카테고리 에러들

역시나 새롭게 만든 카테고리에서도 에러가 빠방빠방 터졌다.

텅빈 나의 카테고리 글...

경로연결 안함

카테고리 하나는 뜨고 나머지는 전부 빈화면이여서 비교해보니
카테고리 세분화를 해놓고 경로연결을 안해두었다.

{% raw %}
{% assign posts = site.categories.Basic %}
{% for post in posts %} {% include archive-single.html type=page.entries_layout %} {% endfor %}
{% endraw %}

posts라는 변수를 만들고 주소를 할당하는 코드를 추가하여 해결하였다.
하지만 또다른 문제 발생!

블로그 제목과 글분류 끝에 </>태그표시와 아래로 내릴수록 글자크기가 커지는 이상한 현상이..
대체 무슨 일이 벌어지고 있는거지..

메인페이지나 상세페이지는 안뜨는데 카테고리로만 들어오면 저렇게 쓰여있다.

개발자도구를 보니 나는 저런걸 쓴 기억이 아예없었고 자동적으로 만들어지는 css에 문제가 있는것같다고 판단.

index.html파일과 css파일을 열어보고 _site의 categories폴더 내의 모든 파일에서 문제의 문자를 찾았다.

& lt; / a & gt;

• & lt; stands for the less-than sign: <
• & gt; stands for the greater-than sign: >
• & le; stands for the less-than or equals sign: ≤
• & ge; stands for the greater-than or equals sign: ≥

위의 글자는 꺽쇠 표시였다.
근데 닫는 태그가 왜 자꾸 뜨는건지 모르겠다.
프론트분들께 물어본결과 태그가 잘맞는지 확인해보는것과 div태그빼고 나머지는 지워버리면 되지않는지 ""를 찾아보라는 조언을 받았다.
근데 찾아서 코드를 바꿔봐도 적용이 되지 않았다.
그래서 자동적으로 만들어지는 문법에 문제가 있다고 생각했다.

include안의 archive-single

카테고리 민들기를 여러번 시도하면 아카이브 싱글 파일을 건드렸었는데 이곳에 문제가 있었다.
기존의 코드를 찾아 붙여넣고 아래의 조건문을 입력하여 문제가 해결되는 것을 확인하였다.

{% raw %}
{% if site.category_archive.type and post.categories[0] and site.tag_archive.type and post.tags[0] %}
      {%- include post__taxonomy.html -%}
    {% endif %}
{% endraw %}

그런데 블로그에 글을 쓰려고했더니 slug라는 에러가 났다.

slug

slugsms url의 일부로 특정페이지임을 나타내는 식별자이다.

내 상황에서는 카테고리를 나타낸다.
이게 많이 표시되면 어딘가 깨진 플러그인이 존재하는것이고 한두개만 뜬다면 형식이 잘못된 것이라고 한다.
liquid 문법에 에러가 나면 메세지가 안뜨고 제대로쓰면 저에러가 뜨는데 아직은 뭐가 문제인지 모르겠다.
서버자체는 문제없이 돌아가는데 돌릴때마다 저 에러가 뜨니 시간날때마다 찾아봐야겠다.