본문으로 건너뛰기

"jekyll" 태그로 연결된 6개 게시물개의 게시물이 있습니다.

모든 태그 보기

· 약 5분
karais89

간단한 기록 용도

  • 개발자의 경우 고정형 폰트를 사용하게 된다. (IDE에서 기본적으로 제공하는 폰트의 경우 모두 고정형 폰트를 사용하게 된다)
  • 블로그 운영을 잘 안하고 있다가, 오늘 서칭을 하다가 마소에서 나온 고정폭 글꼴(Cascadia Code)을 봤었다. 2019년에 발표한것으로 보이는데, 기존에는 D2 Coding을 잘 사용해 오다가 좀 질리는 감이 있어서 한번 적용을 해봤는데, 폰트 자체가 굉장히 깔끔한 느낌인 것 같아 한번 웹에도 적용하기 위해 조금 서칭을 해봤다.
  • Fira Code의 경우도 괜찮아 보이긴 하는데.. 개인적으로는 Cascadia Code가 더 이쁘다.
  • 웹 자체에 대한 지식이 없기 때문에.. 삽질 하면서 적용했다.
    • css 파일에 @font-face를 이용해서 폰트를 다운로드 받도록 하고, 사용하는 곳에서 font-family에 입력하면 되는 방식이다. 기본적으로 웹에서 제공하는 폰트 확장자는 별도로 제공하는 것으로 보인다.
    • 자세한 부분은 다른 웹 사이트에서 서칭으로 확인하는게 더 좋을 것으로 보인다.
  • ligatures(합자)를1 지원하는 정말 가독성이 좋은 부분인건가? 싶기는 한데 한번 사용은 해볼 예정이다.
  • 웹 사이트에 적용되어 현재 코드 블록의 경우 아마? Cascadia Code로 출력될 것으로 보인다.
  • Visaul Studio 2022에는 해당 폰트가 추가 될 예정이고, 윈도우의 터미널에서는 기본 폰트로 사용하고 있기 때문에 해당 폰트를 미리 사용해보는 것도 좋을 것 같다.

폰트 비교

  • 코드 자체는 의미 없는 코드 이다. 폰트 스타일만 확인 용도로 이미지 별도 첨부

Cascadia Code

cascadia-code

Fira Code

fira-code

D2 Coding

d2coding

D2 Coding ligatures 지원 폰트

d2coding-l

현재 블로그에서의 코드 출력

private static IEnumerator CreatePostRequest(string url, List<KeyValuePair<string, string>> postParameters, Action<string> callback)
{
if (!HasInternetConnection())
{
Action retryAction = () => CoroutineHandler.Handle(CreatePostRequest(url, postParameters, callback));
yield break;
}

int tryCounts = 3;
for (int i = 0; i < tryCounts; i++)
{
string postURL = _baseUrl + url;
WWWForm form = new WWWForm();
foreach (var parameter in postParameters)
{
form.AddField(parameter.Key, parameter.Value);
}
UnityWebRequest www = UnityWebRequest.Post(postURL, form);
yield return www.SendWebRequest();
if (www.error == null && www.responseCode <= 200 && !www.downloadHandler.text.Contains("ERROR"))
{
var result = www.downloadHandler.text;
callback?.Invoke(result);
break;
}
else
{
string errorMessage =
"PARAMS: " + string.Join(" - ", postParameters.Select(x => x.Key + ": " + x.Value));
yield return new WaitForSecondsRealtime(0.15f);
}
}
}

결론

  • 결국에 기본 폰트로 돌아가게 되긴 하지만.. (결국엔 순정) 예쁜 떡이 먹기에도 좋다고 가끔씩은 폰트에 대해서도 한번씩 관심을 갖는것도 괜찮지 않을까 싶다.
  • ligatures 기능이 좀 신기하기도 하고, D2 Coding이 좀 질리는 부분이 있어 변경했는데 개인적으로 마음에 드는 부분이라 계속 사용할 것 같다.
  • ligatures 이 부분에 있어서는 개발자들 간에도 호불호가 많이 갈리는 영역인 것 같다.

  1. 합자는 여러개의 문자를 하나의 문자로 합쳐주는 기능입니다. 해당 기능을 통해 대소문자 혹은 가독성을 해칠수 있는 문자의 결합을 하나로 합쳐주어 가독성을 높일 수 있습니다.

· 약 1분
karais89

현재까지 구현한 목록

  • 페이지네이션 기능
  • 태그로 검색 기능
  • bigfoot 각주 이쁘게 하는 기능
  • Disqus 코멘트 기능
  • Google Search Engine
  • sitemap, robots 추가.

구현 할 목록

  • seo 최적화
  • 전체 글 목록(아카이브)
  • 태그 클라우드
  • 외부 링크를 새탭에서 열기
  • 목차 기능
  • 검색 창 달기
  • 도메인 연결

대략적인 뼈대는 갖춘 상태이고, 구현 할 목록들만 빠르게 구현 한 후 포스팅을 할 예정이다.

· 약 1분
karais89

jekyll에서 댓글을 달 수 있는 기능을 추가 하려고 함.

  1. disqus 회원 가입 후 인증 메일로 인증까지 완료
  2. 현재 jekyll의 기본 테마인 minima를 사용하고 있어서 config 파일 수정

간단하게 코멘트를 달 수 있다.

처음에 disqus를 달았을때 에러가 발생함.

config.yml의 url을 입력해주니 에러가 해결 됨.

· 약 1분
karais89

각주 테스트1

You’ll find this post in your _posts directory. Go ahead and edit it and re-build the site to see your changes. You can rebuild the site in many different ways, but the most common way is to run jekyll serve, which launches a web server and auto-regenerates your site when a file is updated.

To add new posts, simply add a file in the _posts directory that follows the convention YYYY-MM-DD-name-of-post.ext and includes the necessary front matter. Take a look at the source for this post to get an idea about how it works.

Jekyll also offers powerful support for code snippets:

{% highlight ruby %} def print_hi(name) puts "Hi, #{name}" end print_hi('Tom') #=> prints 'Hi, Tom' to STDOUT. {% endhighlight %}

Check out the Jekyll docs for more info on how to get the most out of Jekyll. File all bugs/feature requests at Jekyll’s GitHub repo. If you have questions, you can ask them on Jekyll Talk.


  1. 각주 테스트 용