확인. 그래서 ... 내 웹 사이트를 완전히 재건했을 수도 있습니다 ... 다시

3543 단어 webdevcssshowdevhtml
먼저 미리 메리 크리스마스, 당신은 아마 크리스마스 날에 내 소식을 듣지 못할 것입니다.

자, 이제 문제는 해결되었으므로 내 웹사이트에 대해 이야기해 보겠습니다.

네...다시 만들었습니다...다시.

다시 디자인하게 된 동기



좋은 질문. 글쎄, 내 도메인(siddharth.one)을 갱신할 시간이었고 예, 더 나은 도메인을 찾았습니다. 이전 웹사이트를 사용하는 것은 도움이 되지 않을 것입니다. 그래서 젠장, 그냥 다시 만들자고 생각했습니다.

또한 Tailwind CSS 3이 출시되면서 프레임워크의 업데이트된 버전으로 손을 더럽히고 싶었습니다.

좋아, 당신이 그것을 디자인하게 된 동기는 무엇입니까?





Edvard Busck-Nielsen






웹사이트의 UI가 정말 마음에 듭니다. 또한 멋진 색상 선택! 그러나 제 생각에는 개인 웹사이트에 관해서는 귀하의 기술과 경험에 초점을 맞춰야 합니다. 적어도 목표가 채용 담당자에게 자신을 판매하는 것이라면. 죄송하지만 대부분의 채용 담당자는 블로그 게시물에 관심이 없습니다. 그들은 당신이 무엇을 할 수 있고 얼마나 오랫동안 그 일을 해왔는지 관심을 가지고 있습니다. 프로젝트 포트폴리오도 중요합니다. 블로그 게시물은 확실히 귀하의 성격과 관심을 약간 보여주지만 채용 담당자는 읽을 시간이 없을 것입니다. 금요일 저녁에 당신이 그들이 처리하는 마지막 지원일 수 있습니다. 당신이 하고 싶은 마지막 일은 그들의 시간을 낭비하는 것입니다.

하지만 그 위대한 작품 외에는! 그리고 물론 이것은 제 생각일 뿐입니다.



👆
위 댓글입니다. 스크롤을 내리다가 이 댓글을 보게 되었습니다.

솔직히. 나는 일자리를 찾는 것이 아니다. 그리고 당분간은 그럴 필요가 없을 것입니다. 하지만...

They care about what can you do and how long you've been doing it.



내 사이트를 먼저 방문하고 싶어하는 다른 사람들이 내가 누구인지, 무엇을 하는지, 내가 가진 기술, 내가 구축한 프로젝트를 먼저 보고 싶어하지 않을까요? 대답은 아마도 예일 것입니다. 특정 주제에 대해 경험이 있는지 모를 경우 누군가의 블로그를 읽는 이유는 무엇입니까?

알겠습니다. 충분히 이야기했습니다. 변경 사항을 보여주세요


1. 도메인



이전에 언급했듯이 이전 도메인(siddharth.one)이 갱신될 예정이었고 더 나은 도메인이 필요했습니다. 더 짧고 아마도 .com 결말이 있을 수 있습니다. 그래서 sidcrafts.com 로 결정했습니다.

2. 디자인



솔직히 말해서, 예전 웹사이트 디자인은 그리 나쁘지 않았습니다. 사실 꽤 좋았습니다. 그러나 나는 레이아웃이 검정색 배경이나 주황색/분홍색 텍스트의 팬이 아니었습니다. 내가 배운 또 다른 것. 내용이 더 중요합니다. 그래서 색 구성표 및 기타 사항을 변경한 후 레이아웃을 변경하여 홈페이지에 훨씬 더 많은 콘텐츠를 허용했습니다.

더 깨끗하고 단순한 디자인:




3. 웹사이트에 전원이 공급되는 방식.



제 예전 웹사이트는 Jekyll로 구동되었습니다. 꽤 좋지만 고통스러운 업데이트 시간을 인정해야 합니다. 코드를 작성하는 것도 고통스럽습니다. 내 새 웹사이트는 HTML, Tailwind CSS 및 Alpine.js로 구축되었습니다. 이번에는 크게 부풀려진 프레임워크가 없습니다. 또한 블로그 페이지는 Hashnode API을 사용하여 블로그 게시물을 표시합니다.

솔직히 말해서, 아주 간단한 GraphQl 쿼리입니다.

{
  user(username: "sidcraftscode") {
    publication {
      posts(page: 0) {
        title
        brief
        slug
      }
    }
  }
}


I learnt how to do this from this blog post



좋아, 그럼 그게 다야.

읽어 주셔서 감사합니다. 메리 크리스마스

Website 확인 | | Github

좋은 웹페이지 즐겨찾기