본문 바로가기

IT/블로그

(25)
개인 북마크 즐겨찾기 사이트 🔊 - 2020.04.18 큰 설명은 없지만 최대한 분류를 잘 해 보려고.....쉽지 않으. 올려두고 계속 정돈해 보자!!! 설명도 추가하고, 분류도 조정하고 으쌰~~ 그냥 가끔 시간날 때 한번씩 들어가 보면 신세계가 열림. 개인 저장용이니 혹시 보시는 분들은 불만 갖지 마세요😎🙄 업무 관련 사이트 모음 🛠 IoT 하드웨어 유통 🕹 아두이노 보드, 라즈베리파이 보드, arm mbed 보드, ST사의 Nucleous 보드 등등 개발을 하려면 MCU 가 들어있는 작은 하드웨어 보드가 필요하다. 직접 부품을 사서 조립을 해도 되지만 🤣 그냥 사요 사!! 비싸봐야 몇만원~~ 메이크쉐어 메카솔루션 공식 쇼핑몰 - 아두이노, 라즈베리파이 등 전자부품 쇼핑몰 IoT MODLINK - 제품소개 | 빛컨 VITCON 에듀이노-아두이노 전문 교육쇼..
단순한 글자나 카드뉴스를 이미지로 만들기 - 캔바 Canva 단순한 글자나 카드뉴스를 이미지로 만들기 - Canva 디자인 까지 거창하게 하긴 싫지만, 단순하게 글자를 이용해서 이미지를 만들어 쓰는 것을 많이 볼 수 있다. 단순하지만, 폰트나 배치를 잘 이용하면 글자 이미지가 훌륭한 디자인 소스가 될터~~ 파워포인트나, 워드에서 글자를 적고 그냥 스크린 캡쳐툴을 이용해도 되지만, 좀 더 있어보이게 글자를 이미지로 만들고 싶다면 캔바 Canva 라는 사이트를 이용해 보자. 캔바, Canva 사이트에 접속해서 템플릿을 활용하다 보면, 내 수준에 필요한 카드뉴스나 글자 이미지들을 아주 쉽게 만들어 낼 수 있다. 그냥 캔바 Canva https://www.canva.com/ 에 접속해서, "새디자인 만들기"를 누르면 쉽게 만들 수 있다. 기본 템플릿을 고르는 창이 뜨는데..
Hugo 블로그 자동 배포용 깃허브 액션 스크립트 소개 Hugo 블로그 자동 배포용 깃허브 액션 스크립트 설명 현재 사용중인 Hugo 페이지를 배포하는 스크립트 아래와 같다. 설명을 약간 첨부해서 공개해 두니, 아무나 가져가서 잘 쓰심 좋겠다. 이 글의 핵심은 master branch에 글을 포함한 휴고 파일들이 있고, 이 파일들의 변경이 생길때 마다 gh-pages 브랜치로 public에 생성된 사이트 내용을 자동으로 배포하는 것이다. 깃허브 페이지 덕분에 따로 호스팅 업체의 도움 없이도 간단한 블로그 사이트 운영을 가능하다. 물론 아래 이전 글 처럼 travis CI 같은 외부 CI 툴로도 가능하지만, 이미 깃허브 액션이 그 역할을 충분히 소화해 주니 외부로 눈을 돌릴 필요가 없다. 2020/02/18 - [IT/블로그] - Hugo GitHub Trav..
Hugo theme 정리하기 - git submodule 삭제 Hugo theme 정리하기 - git submodule 삭제 git submodule 로 등록되어 있는 안쓰는 테마들을 싹 다 정리해보자!! Git Submodule 삭제 방법 출처 : Git Submodule 삭제 방법 Git Submodule 삭제 방법 · snowdeer's Code Holic Git Submodule 삭제 방법 01 Aug 2018 | git Git Submodule 삭제 방법 먼저 git submodule deinit -f 명령어를 통해서 해당 모듈을 deinit 해줍니다. git submodule deinit -f test_app 그 다음 .git/modules 폴더에 들어가서 해당 폴더를 삭제합니다. rm -rf .git/modules/test_app 마지막으로 git에서 ..
Hugo - 외부 링크 새 탭 새 창 에서 열기 Hugo - 외부 링크 새 탭 새 창 에서 열기 답답하게도 기본 값이 같은 창에서 모든 링크가 열리도록 설정되어 있나 보다. 외부 사이트는 그냥 새로운 탭이나 창에서 로딩 되면 훨씬 편할 것 같아서 찾아보기 시작~~ 결론적으로, 자신의 휴고 사이트에서 마크다운 번역기를 어떤 것으로 쓰는 가에 따라 다르다. 아래글 참고해 주시고, How to Open Link in New Tab with Hugo's new Goldmark Markdown Renderer How to Open Link in New Tab with Hugo's new Goldmark Markdown Renderer | Prasad's Pen Hugo is a blazing fast static site generator, which make..
구글 애드센스 팁 - 사이드 광고 추가하기 구글 애드센스 사이드바 광고 추가하기...여백이 있는 사이드에 광고를 추가하고 싶다면 필독!! 구글 애드센스 화면 왼쪽 사이드에 추가하기 본문 왼쪽 사이드에 구글 애드센스 공간을 추가하고 싶다면 아래 내용을 보고 따라하면 아주 쉽게 할 수 있다. 특별히 테마나 스킨의 영향을 줄 만큼 큰 공사는 벌어지지 않는다. 특히, 본문 텍스트 바로 옆으로 조정하고 싶다면, (멀리 창 끝에 붙어 있으면 보기 싫어요 ㅠㅠ) 이 글을 참고해서 하면 굿굿 👍🏻👍🏻 화면 왼쪽 사이드에 구글 애드센스 광고를 넣기 위해서 수정한 내용은 아래와 같다. 먼저, 스킨에서 를 찾아서 그 아래에 아래 코드를 삽입한다. left 의 마이너스 값은 본문에서 얼마나 떨어지게 할까에 대한 포인트 즉, width 랑 똑같은 사이즈로 하는 것이 좋..
구글 애드센스 팁 - 블로그 티스토리 추가 방법 (여러 개 동시에) 구글 애드센스 블로그 추가 방법 - 특히 여러 개 동시에 올리는 방법 구글에서 승인이 난 사용자라면, 한페이지에 구글 애드센스 Adsense 를 최소 하나 이상은 추가하게 되어 있다. 이때 애드센스 모듈을 추가할 때 애매한 구석이 있다. (중복된 javascript 코드가 여기저기 심어지는 것을 느끼게 된다. ) 찝찝함을 참지 못하고 여기저기 살펴보고 있다. 먼저, 구글 애드센스 블로그에 올리기 한개 정도면 별 고민할 필요도 없다. ¯_(ツ)_/¯ 아주 간단하게 구글애드센스 페이지에 제공하는 아래의 예제 코드 같은 것을 가져와서 스킨페이지나, 자신의 테마에 붙여넣기 하면 끝~~😁 전체를 그냥 페이지 스킨에 넣으면 대충 나오긴 한다. 구글 애드센스 여러 개 한페이지에 추가하는 방법 2개 이상의 구글 애드센..
Hugo 휴고 설정 팁 - 마크다운 외부 링크를 a href 새창으로 열기 Hugo 휴고 설정 팁 - 마크다운 외부 링크를 a href 새창으로 열기 External links in new tab? 사용하다보면, 괜히 신경쓰인다. 찾아보니 방법이 있긴하다. Render Hook Templates 방법을 사용하는 것이다. 원본글 : Configure Markup 결국 아래 파일을 만들어 주면 된다. 마크다운 렌더링 중에 아래 처럼 링크내용을 내가 원하는 대로 만들 수 있다. 아래 코드를 보면 http://로 시작되는 외부링크는 새로운 창에 오픈되도록 작성되어 있다. Here is a code example for how the render-link.html template could look: 파일 위치는 여기 => layouts/_default/_markup/render-lin..