velog svg 만들어서 수정

dalonn98·2022년 8월 3일
0

Git-Blog

목록 보기
2/3

velog svg 파일

<svg class="icon" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px"
   viewBox="0 0 192 192" enable-background="new 0 0 28 28" xml:space="preserve" width="28">
<!-- <svg width="28" height="10" viewBox="0 0 192 192" fill="currentColor"> -->
	<path id="Website" fill="#D1CECC" fill-rule="evenodd" clip-rule="evenodd" d="M24 0H168C181.255 0 192 10.7451 192 24V168C192 181.255 181.255 192 168 192H24C10.7451 192 0 181.255 0 168V24C0 10.7451 10.7451 0 24 0ZM49 57.9199V65.48H67L80.6799 142.52L98.5 141.26C116.02 119.06 127.84 102.44 133.96 91.3999C140.2 80.24 143.32 70.9399 143.32 63.5C143.32 59.0601 142 55.7 139.36 53.4199C136.84 51.1399 133.66 50 129.82 50C122.62 50 116.62 53.0601 111.82 59.1799C116.5 62.3 119.68 64.8799 121.36 66.9199C123.16 68.8401 124.06 71.4199 124.06 74.6599C124.06 80.0601 122.44 86.1799 119.2 93.02C116.08 99.8601 112.66 105.92 108.94 111.2C106.54 114.56 103.48 118.7 99.76 123.62L88.0601 57.2C87.1001 52.3999 84.1001 50 79.0601 50C76.78 50 72.3999 50.96 65.9199 52.8799C59.4399 54.6799 53.8 56.3601 49 57.9199Z"/>
	</svg>

medium 아이콘을 velog로 바꿔줬다. 아이콘을 찾아보다 svg파일만 보여서 추가했는데 html파일로 설정이 돼있어서 확장자만 바꿨느데 잘 되는 것 같다.
혼자 사각형인게 살짝 신경쓰이지만 svg 태그는 조금 많이 복잡해보여서 더이상은 힘들듯..
(혹시라도 잘아시는분들 알려주시면 감사하겠습니다)

icon-links에 실제로 보이는 아이콘이 보여지는 것 같고 print-social은 어디서 나오는건지 잘 모르겠다.

Medium 부분 교체

  {% if site.resume_social_links.resume_velog_url %}
  <li class="icon-link-item">
    <a href="{{ site.resume_social_links.resume_velog_url }}" class="icon-link" itemprop="url">{% include icons/icon-velog.html %}</a>
  </li>
  {% endif %}

코드에 위쪽에 and guess where these are defined? Yup, you guessed it: the _config.yml file 라고 나와있는데 한참을 헤메다

찾아서 수정했더니 이제 벨로그 아이콘을 누르면 내 블로그가 나온다 ㅎㅎㅎ

profile
Cloud Engineer / interested in solutions architect & devops

0개의 댓글