github.io 웹 페이지에 테마를 반영해 보았습니다.

의투 b. 이오

GitHub 리포지토리에서 웹 페이지를 게시할 때의 URL입니다.

javascript가 움직이는 html을 공개할 수 있다.

일기

GitHub 저장소에 docs/index.htm을 만듭니다.

Settings의 GitHub Pages에서 Source의 master branch/docs folder를 선택해 Save.

Theme Chooser에서 테마를 선택할 수 있을까 생각하고 원래 선택되어 있는 Cayman theme을 선택해 보았다.

github.io 로 웹 페이지를 공개할 수 있었다

하지만, 테마가 반영되지 않는다

테마가 반영되지 않습니다! ?


---
layout: default
---

HTML 파일의 밖에 남겨두고 다른 것을 삭제해, 이 3행을 HTML 파일의 선두에 추가하면 테마가 반영되었다

이런 페이지가 되었다

docs/_config.yml

theme: jekyll-theme-cayman
lang: ja-JP
title: タイトルを変更してみた

docs/index.htm

---
layout: default
title: タイトルは２つある
description: metaタグで見れる
---
<body>
  <h1>文字の大きさ h1</h1>
  <h2>文字の大きさ h2</h2>
  <h3>文字の大きさ h3</h3>
<pre>
&lt;pre&gt; のテスト
</pre>
<p>
&lt;p&gt; のテスト
</p>

{% highlight javascript %}
const fun=function(){
    console.log("test");
};
{% endhighlight %}

테마 설정을 더 바꾸면 블로그처럼 보인다.

Markdown에서 쓸 수도 있었다.

index2.md를 만들면 index2.html로 변환되었다.

docs/index2.md

---
layout: default
title: トップページ２
---

# ここは h1 に変換される

* ここは ul li に変換される

출처는 GitHub Community Forum Page not showing the theme . ↩

Reference

이 문제에 관하여(github.io 웹 페이지에 테마를 반영해 보았습니다.), 우리는 이곳에서 더 많은 자료를 발견하고 링크를 클릭하여 보았다 https://qiita.com/querykuma/items/d2e6d6b2fd7875d22604

텍스트를 자유롭게 공유하거나 복사할 수 있습니다.하지만 이 문서의 URL은 참조 URL로 남겨 두십시오.

우수한 개발자 콘텐츠 발견에 전념 (Collection and Share based on the CC Protocol.)

좋은 웹페이지 즐겨찾기

개발자 우수 사이트 수집

개발자가 알아야 할 필수 사이트 100선 추천 우리는 당신을 위해 100개의 자주 사용하는 개발자 학습 사이트를 정리했습니다