The latest articles on DEV Community by letYuchan (@letyuchan). https://dev.to/letyuchan https://media2.dev.to/dynamic/image/width=90,height=90,fit=cover,gravity=auto,format=auto/https:%2F%2Fdev-to-uploads.s3.us-east-2.amazonaws.com%2Fuploads%2Fuser%2Fprofile_image%2F3445704%2F788fda04-94f5-4eef-b83f-1122602138f7.png https://dev.to/letyuchan en letYuchan Tue, 19 Aug 2025 15:13:25 +0000 https://dev.to/letyuchan/a-free-flexible-way-to-customize-your-github-pages-blog-1ei2 https://dev.to/letyuchan/a-free-flexible-way-to-customize-your-github-pages-blog-1ei2 <p>I’m not a full-time developer yet—just a student steadily learning frontend. I love documenting what I study on my blog, and I thought it’d be great to use GitHub Pages to share both my personal branding and everything I’ve been learning in one place.</p> <p>I built <strong>velogit</strong>, a blog &amp; branding platform based on GitHub Pages + Markdown + React. It fixes the pain points I felt on other platforms and adds sleek, highly customizable features so your personal taste can really show—something a little less drab than the usual developer communities and platforms.</p> <p>I originally started building this just for myself, adding features here and there — but it turned out to be pretty useful, so I thought I’d share it. I’m not trying to sell anything or “promote an app.” I just want to recommend it to anyone who wants to polish their GitHub Pages site or write in a cleaner, more flexible environment. If you’re curious, please check the README on my GitHub for details. Thanks for reading!</p> <p>here is my github: </p> <div class="ltag-github-readme-tag"> <div class="readme-overview"> <h2> <img src="https://assets.dev.to/assets/github-logo-5a155e1f9a670af7944dd5e12375bc76ed542ea80224905ecaf878b9157cdefc.svg" alt="GitHub logo"> <a href="https://github.com/letYuchan" rel="noopener noreferrer"> letYuchan </a> / <a href="https://github.com/letYuchan/velogit" rel="noopener noreferrer"> velogit </a> </h2> <h3> </h3> </div> <div class="ltag-github-body"> <div id="readme" class="md"><div class="markdown-heading"> <h1 class="heading-element">velogit</h1> </div> <a rel="noopener noreferrer" href="https://private-user-images.githubusercontent.com/142238082/478772878-149afc7b-4711-43db-a87d-88b56840b0ef.png?jwt=eyJ0eXAiOiJKV1QiLCJhbGciOiJIUzI1NiJ9.eyJpc3MiOiJnaXRodWIuY29tIiwiYXVkIjoicmF3LmdpdGh1YnVzZXJjb250ZW50LmNvbSIsImtleSI6ImtleTUiLCJleHAiOjE3NzQ2NTEyNzYsIm5iZiI6MTc3NDY1MDk3NiwicGF0aCI6Ii8xNDIyMzgwODIvNDc4NzcyODc4LTE0OWFmYzdiLTQ3MTEtNDNkYi1hODdkLTg4YjU2ODQwYjBlZi5wbmc_WC1BbXotQWxnb3JpdGhtPUFXUzQtSE1BQy1TSEEyNTYmWC1BbXotQ3JlZGVudGlhbD1BS0lBVkNPRFlMU0E1M1BRSzRaQSUyRjIwMjYwMzI3JTJGdXMtZWFzdC0xJTJGczMlMkZhd3M0X3JlcXVlc3QmWC1BbXotRGF0ZT0yMDI2MDMyN1QyMjM2MTZaJlgtQW16LUV4cGlyZXM9MzAwJlgtQW16LVNpZ25hdHVyZT1iOWYwY2NlMzdmOTQwYTg5YzVhZjFjN2NhZThjYjJiZjFmM2IyNDE2ZWE1MTJhZDEwNWJiZmZlNmMwOTBmZDM5JlgtQW16LVNpZ25lZEhlYWRlcnM9aG9zdCJ9.0oXeVZ83J15NuHbsmWHHedHp_tfdbXWSj-I_71dMZw4"><img width="256" height="256" alt="logo" src="https://media2.dev.to/dynamic/image/width=800%2Cheight=%2Cfit=scale-down%2Cgravity=auto%2Cformat=auto/https%3A%2F%2Fprivate-user-images.githubusercontent.com%2F142238082%2F478772878-149afc7b-4711-43db-a87d-88b56840b0ef.png%3Fjwt%3DeyJ0eXAiOiJKV1QiLCJhbGciOiJIUzI1NiJ9.eyJpc3MiOiJnaXRodWIuY29tIiwiYXVkIjoicmF3LmdpdGh1YnVzZXJjb250ZW50LmNvbSIsImtleSI6ImtleTUiLCJleHAiOjE3NzQ2NTEyNzYsIm5iZiI6MTc3NDY1MDk3NiwicGF0aCI6Ii8xNDIyMzgwODIvNDc4NzcyODc4LTE0OWFmYzdiLTQ3MTEtNDNkYi1hODdkLTg4YjU2ODQwYjBlZi5wbmc_WC1BbXotQWxnb3JpdGhtPUFXUzQtSE1BQy1TSEEyNTYmWC1BbXotQ3JlZGVudGlhbD1BS0lBVkNPRFlMU0E1M1BRSzRaQSUyRjIwMjYwMzI3JTJGdXMtZWFzdC0xJTJGczMlMkZhd3M0X3JlcXVlc3QmWC1BbXotRGF0ZT0yMDI2MDMyN1QyMjM2MTZaJlgtQW16LUV4cGlyZXM9MzAwJlgtQW16LVNpZ25hdHVyZT1iOWYwY2NlMzdmOTQwYTg5YzVhZjFjN2NhZThjYjJiZjFmM2IyNDE2ZWE1MTJhZDEwNWJiZmZlNmMwOTBmZDM5JlgtQW16LVNpZ25lZEhlYWRlcnM9aG9zdCJ9.0oXeVZ83J15NuHbsmWHHedHp_tfdbXWSj-I_71dMZw4"></a> <p>KO:</p> <p>GitHub Pages와 Markdown 기반의 <strong>기술/개발 블로그 플랫폼</strong></p> <p>velogit은 단순한 블로그 프로젝트가 아니라, <strong>누구나 쉽게 설치하고 운영할 수 있는 개발 블로그 플랫폼</strong>입니다.<br> 여러분 자신을 소개하고, 습득한 지식과 테크닉을 기록하며 공유하세요.<br> 정적 서버 기반으로 동작하여 빠르고 안정적이며, 자동화된 기능과 강력한 커스터마이징을 제공합니다 모바일 환경에서도 완벽한 반응형 대응을 보여줍니다.</p> <p>EN:</p> <p>A <strong>tech/development blog platform</strong> based on GitHub Pages and Markdown.</p> <p>velogit is not just a blog project, but a <strong>developer blog platform that anyone can easily install and operate</strong>.<br> Introduce yourself, record your knowledge and techniques, and share them with others.<br> It runs on a static server, ensuring speed and stability, while providing automation and powerful customization.<br> It provides a fully responsive design on mobile environments as well.</p> <p>Recommended environment: Chrome Tested environment: Chrome, Safari</p> <div class="markdown-heading"> <h2 class="heading-element">🎯 소개</h2> </div> <ul> <li> <strong>플랫폼</strong>: GitHub Pages + React + Markdown</li> <li> <strong>특징</strong>: 쉽고 빠른 설치, 자동화된 배포, 강력한 커스터마이징 지원</li> <li> <strong>목표</strong> <ul> <li>기술 블로그…</li> </ul> </li> </ul></div> </div> <div class="gh-btn-container"><a class="gh-btn" href="https://github.com/letYuchan/velogit" rel="noopener noreferrer">View on GitHub</a></div> </div> <br> here is example site: <br> <div class="crayons-card c-embed text-styles text-styles--secondary"> <div class="c-embed__content"> <div class="c-embed__cover"> <a href="https://letyuchan.github.io/velogit/" class="c-link align-middle" rel="noopener noreferrer"> <img alt="" src="https://media2.dev.to/dynamic/image/width=800%2Cheight=%2Cfit=scale-down%2Cgravity=auto%2Cformat=auto/https%3A%2F%2Fletyuchan.github.io%2Fvelogit%2Fimages%2Fsystem%2Flogo%2Flogo.png" height="auto" class="m-0"> </a> </div> <div class="c-embed__body"> <h2 class="fs-xl lh-tight"> <a href="https://letyuchan.github.io/velogit/" rel="noopener noreferrer" class="c-link"> velogit </a> </h2> <div class="color-secondary fs-s flex items-center"> <img alt="favicon" class="c-embed__favicon m-0 mr-2 radius-0" src="https://media2.dev.to/dynamic/image/width=800%2Cheight=%2Cfit=scale-down%2Cgravity=auto%2Cformat=auto/https%3A%2F%2Fletyuchan.github.io%2Fvelogit%2Fimages%2Fsystem%2Flogo%2Ffavicon.ico"> letyuchan.github.io </div> </div> </div> </div> <p>I know I still have a lot to learn, and I really want to grow as a developer. If you have any feedback or suggestions, I’d be more than happy to hear them.</p> webdev typescript frontend github