로그인하고 있지 않습니다. 편집하면 당신의 IP 주소가 공개적으로 기록됩니다. 계정을 만들고 로그인하면 편집 시 사용자 이름만 보이며, 위키 이용에 여러 가지 편의가 주어집니다.스팸 방지 검사입니다. 이것을 입력하지 마세요!== 지원하는 주요 문법 목록 == 출처: [https://herman.bearblog.dev/markdown-cheatsheet/ 베어 블로그 설명], [https://1.mataroa.blog/guides/markdown/ 마타로아 블로그 설명] === [[마크다운|Markdown]] === * 기울임 하는법 *: 예제 <pre> *텍스트* </pre> ** 결과 : ''텍스트'' * 두껍게 하는법 *: 예제 <pre> **텍스트** </pre> ** 결과 : '''텍스트''' *순서 없는 목록 만드는 법 *: 예제 <pre> * 텍스트 (엔터 이후 띄어쓰기 4번이상) * 텍스트 </pre> ** 결과 ***텍스트 ****텍스트 *순서 없는 목록 만드는 법 *: 예제 <pre> 1. 텍스트 2. 텍스트 </pre> ** 결과 **:#텍스트 **:#텍스트 * [[하이퍼링크]] 만드는 법 *: 예제 <pre> [텍스트](링크) 혹은 <링크> </pre> ** 결과 : [[텍스트]] 혹은 [[링크]] *[[하이퍼링크]] 만드는 법 *:예제 <pre> ![텍스트](링크) </pre> **결과 [[파일:Libre Wiki-Logo.png|400px]] *고정폭 코드 상자 만드는 법 *:예제 <pre> `텍스트` </pre> ** 결과 : <code>텍스트</code> *상자 만드는 법 예제 <pre> ``` 텍스트 ``` </pre> 결과 <pre> ``` 텍스트 ``` </pre> *인용문 만드는 법 예제 <pre> > 텍스트 >> 텍텍스트 </pre> 결과 {{인용문|텍스트{{인용문|텍텍스트|}}|}} *줄바꿈 하는 법 *예제 <pre> 텍스트(띄어쓰기 두개) 텍스트 (리브레 위키의 <br/> 문법이랑 같음) --- (목록)* 텍스트(띄어쓰기 두개) 텍스트(리브레 위키의 *: 문법이랑 같음) </pre> *결과 텍스트 <br/> 텍스트 --- *텍스트 *: 텍스트 === [[Html]] === *지원하는 html 태그 목록: [https://github.com/sirodoht/mataroa/blob/9ddce2e3d1e23c80c72fdd6363bc21a54d910eaf/main/helpers.py 링크] *글자 색 변환 예시 <pre> <span style="color: #2889E4;">텍스트</span> </pre> 결과 : <span style="color: #2889E4;">텍스트</span> *각주 기능 만드는 법 예시 <pre> 텍스트 중에 <sup id="2"> <a href="#1">1 </a> </sup> 를 달 수 있다 </pre> 결과 텍스트 중에<ref>각주 테스트</ref>를 달 수 있다 *각주 기능 만드는 법 2 예시 <pre> <hr> </hr> <ol> <li id="1"> 각주 테스트 <a href="#2">↑</a> </li> </ol> </pre> 결과 <hr> <ol> <li id="1"> 각주 테스트 <a href="#2">↑</a> </li> </ol> *가로줄 만드는 법 **예시 <pre> <hr></hr> </pre> **결과 <hr> *Ctrl Shift C를 애용하자 *캡션 다는 법 **예시 <pre> <figcaption> 캡션 </figcaption> </pre> **: 사진 밑에 부가 설명을 넣을 수 있습니다. === [[CSS]] === [https://bearblog.dev/ bearblog] 용 마타로아 블로그 css 입니다. [https://github.com/mataroa-blog/mataroa/blob/master/main/templates/assets/style.css 원본 출처] <div class="mw-collapsible mw-collapsed"> Custom styles: 에 붙여 넣기 하고 Extend existing styles 체크하면 됩니다. <div class="mw-collapsible-content"><pre> /* reset */ html { /* fix line height in all browsers */ line-height: 1.15; /* prevent adjustments of font size after orientation changes in iOS */ -webkit-text-size-adjust: 100%; } body { /* remove margin in all browsers */ margin: 0; } hr { /* fix height in Firefox */ height: 0; /* fix inheritance of border color in Firefox */ color: inherit; } abbr[title] { /* fix text decoration in Chrome, Edge, Safari. */ text-decoration: underline dotted; } b, strong { /* fix font weight in Edge and Safari */ font-weight: bolder; } code, kbd, samp, pre { /* improve consistency of default fonts in all browsers */ font-family: monospace; /* correct the odd 'em' font sizing in all browsers */ font-size: 1em; } small { /* fix font size in all browsers */ font-size: 80%; } /* prevent sub and sup from affecting the line height in all browsers */ sub, sup { font-size: 75%; line-height: 0; position: relative; vertical-align: baseline; } sub { bottom: -0.25em; } sup { top: -0.5em; } table { /* remove text indentation from table contents in Chrome and Safari */ text-indent: 0; /* fix table border color inheritance in Chrome and Safari */ border-color: inherit; } button, input, optgroup, select, textarea { /* fix font styles in all browsers */ font-family: inherit; font-size: 100%; line-height: 1.15; /* remove margin in Firefox and Safari */ margin: 0; } button, select { /* remove inheritance of text transform in Edge and Firefox */ text-transform: none; } button, [type='button'], [type='reset'], [type='submit'] { /* fix inability to style clickable types in iOS and Safari */ -webkit-appearance: button; } /* remove inner border and padding in Firefox */ ::-moz-focus-inner { border-style: none; padding: 0; } :-moz-focusring { /* restore focus styles unset by the previous rule */ outline: 1px dotted ButtonText; } :-moz-ui-invalid { /* remove additional ':invalid' styles in Firefox */ box-shadow: none; } progress { /* fix vertical alignment in Chrome and Firefox */ vertical-align: baseline; } ::-webkit-inner-spin-button, ::-webkit-outer-spin-button { /* fix cursor style of increment and decrement buttons in Safari */ height: auto; } [type='search'] { /* fix appearance in Chrome and Safari */ -webkit-appearance: textfield; /* fix outline in Safari */ outline-offset: -2px; } ::-webkit-search-decoration { /* remove inner padding in Chrome and Safari on macOS */ -webkit-appearance: none; } ::-webkit-file-upload-button { /* fix inability to style clickable types in iOS and Safari */ -webkit-appearance: button; /* change font properties to 'inherit' in Safari. */ font: inherit; } summary { /* fix display in Chrome and Safari */ display: list-item; } /* general */ :root { --link-color: #1175e2; --ascent-color: #006cdf; --dark-grey-color: #757575; --light-grey-color: #eff1f5; --airy-grey-color: #fafafa; --green-color: #26bd60; --red-color: #ff0000; --purple-color: #cd1ecd; } /* dark mode * create a new color (dark-mode-color) * override existing colors */ @media (prefers-color-scheme: dark) { :root { --dark-mode-color: #212529; --link-color: #3395ff; --dark-grey-color: #78828a; --light-grey-color: #353535; --airy-grey-color: #2b2b2b; --purple-color: #dd47ec; } } html, body { {% if request.theme_zialucia %} font-size: 20px; {% endif %} font-family: sans-serif; line-height: 1.5; margin: 0 auto; padding-top: 5px; padding-right: 5px; padding-bottom: 5px; padding-left: 5px; max-width: 100%; } @media (max-width: 34rem) { html, body { /* mobile base font size remains 16px whether zialucia on or off */ font-size: 16px; } } @media (prefers-color-scheme: dark) { body { color: #fff; background: var(--dark-mode-color); } } a { text-decoration: none; color: var(--link-color); } a:hover { text-decoration: underline; } a.btn { display: inline-block; cursor: pointer; background: var(--link-color); color: #fff; border: 1px solid var(--ascent-color); padding: 8px 24px; } a.btn:hover, a.btn:active { background: var(--ascent-color); text-decoration: none; } a.btn:disabled { pointer-events: none; background: var(--ascent-color); } h1 { font-size: 1.8rem; font-weight: 500; padding-bottom: 4px; border-bottom: 2px solid var(--light-grey-color); margin: 16px 0; font-weight: bold; font-family: sans-serif; } .title h1 { margin: 0 auto; max-width: 612px; } h2, h3 { font-weight: 500; margin: 16px 0; font-family: sans-serif; } main { font-family: serif; font-size: 18px; max-width: 612px; margin: 0 auto; } .highlight, .code { padding: 1px 0px; background-color: #2b2b2b; color: #ddd; } @media print { main { max-width: unset; } } @media print { article { page-break-before: always; } } aside { max-width: 34rem; border: 1px dashed #000; padding: 2px 6px; margin-top: 8px; margin-left: auto; margin-right: auto; box-sizing: border-box; } @media (max-width: 34rem) { aside { margin-left: 8px; margin-right: 8px; } } .alert-error { color: var(--red-color); } section { max-width: 34rem; margin-bottom: 16px; margin-left: auto; margin-right: auto; padding-left: 8px; padding-right: 8px; } nav { max-width: 34rem; margin-top: 16px; margin-left: auto; margin-right: auto; padding-left: 8px; padding-right: 8px; } @media print { nav { display: none; } } ol, ul { padding-left: 24px; } blockquote { border-left: 4px solid var(--light-grey-color); padding-left: 16px; margin-left: 0; color: var(--dark-grey-color); } figure { border: 1px var(--light-grey-color) solid; margin: auto; color: var(--dark-grey-color); } figcaption { font-size: 12px; text-align: center; } dt { font-weight: 700; } dd { margin-left: 0; } table { border-collapse: collapse; border: 1px solid var(--light-grey-color); width: 100%; box-sizing: border-box; } thead:nth-child(odd), tr:nth-child(even) { background: var(--light-grey-color); } th, td { max-width: 0px; padding: 4px; } pre { background: var(--airy-grey-color); overflow-x: scroll; } code { background: var(--airy-grey-color); padding: 2px; } hr { border-top: 1px solid var(--light-grey-color); border-bottom: none; border-left: none; border-right: none; } footer { max-width: 34rem; margin-left: auto; margin-right: auto; margin-top: 32px; margin-bottom: 16px; padding-left: 8px; padding-right: 8px; color: var(--dark-grey-color); } .footer-comment { margin-bottom: 8px; } .help { cursor: help; text-decoration: dotted underline; } /* mods * they override specific classes with specific styles */ .type-approve { color: var(--green-color) !important; } .type-delete { color: var(--red-color) !important; } .type-danger { background: var(--red-color) !important; border-color: var(--red-color) !important; } /* form */ label { display: block; margin-top: 16px; } input[type="text"], input[type="url"], input[type="email"], input[type="password"], textarea { display: block; border: 2px solid var(--light-grey-color); box-sizing: border-box; width: 34rem; } @media (max-width: 34rem) { input[type="text"], input[type="url"], input[type="email"], input[type="password"], textarea { width: 100%; } } @media (prefers-color-scheme: dark) { input[type="text"], input[type="url"], input[type="email"], input[type="password"], textarea { color: #fff; background: var(--light-grey-color); } } input[type="submit"] { cursor: pointer; background: var(--link-color); color: #fff; border: 1px solid var(--ascent-color); padding: 8px 24px; } input[type="submit"]:hover, input[type="submit"]:active { background: var(--ascent-color); } input[type="submit"]:disabled { pointer-events: none; background: var(--ascent-color); } form .helptext { color: var(--dark-grey-color); } .form-error { color: var(--red-color); } .form-inline { display: inline-block; } .form-inline input[type="submit"] { border: none; background: unset; color: var(--link-color); padding: 0; } .form-inline input[type="submit"]:hover { text-decoration: underline; } /* landing */ .lead { max-width: 34rem; border: 1px dashed #000; padding-top: 8px; padding-bottom: 8px; } @media (prefers-color-scheme: dark) { .lead { border-color: #fff; } } .cta { margin-top: 32px; margin-bottom: 32px; } .cta-link { font-size: 20px; } /* comparisons */ .comparisons { max-width: 1000px; } .comparisons h1, .comparisons p, .comparisons ol, .comparisons ul { max-width: 34rem; margin-left: auto; margin-right: auto; } .comparisons-matrix { overflow: scroll; } .comparisons table { min-width: 800px; white-space: nowrap; } .comparisons thead > tr > th:not(:first-child), .comparisons tbody > tr > td:not(:first-child) { text-align: center; } .comparisons th { text-align: left; } .comparisons tr { min-width: 300px; } /* blog index */ .blog a:hover { text-decoration: underline; } .blog a:visited { color: var(--purple-color); } .blog a:active { color: var(--red-color); } .posts { list-style: none; padding-left: 0; } .posts li { margin-bottom: 24px; } .posts small { white-space: nowrap; color: var(--dark-grey-color); } .posts time { white-space: nowrap; } .byline { color: var(--dark-grey-color); margin: 16px 0 24px; } .webring { margin-top: 64px; display: flex; justify-content: space-between; } .webring-name { color: #000; } @media (prefers-color-scheme: dark) { .webring-name { color: #fff; } } /* post detail */ .posts-item-brand { display: block; margin-top: 16px; margin-bottom: 16px; color: var(--dark-grey-color); } .posts-item-brand:hover { text-decoration: none; } .posts-item-brand::before { content: "« "; } .posts-item-title { margin-bottom: 8px; } .posts-item-byline { color: var(--dark-grey-color); margin-bottom: 8px; } .posts-item-body p { {% if not request.theme_sansserif %} font-family: serif; font-size: 1.1rem; {% endif %} } .posts-item-body li { {% if not request.theme_sansserif %} font-family: serif; font-size: 1.1rem; {% endif %} } .posts-item-body img { max-width: 100%; display: block; margin-left: auto; margin-right: auto; } /* comments */ .comments { margin-top: 64px; } .comments-title { font-size: 1.2rem; margin-top: 32px; padding-bottom: 4px; border-bottom: 2px solid var(--light-grey-color); } .comments-body { margin-bottom: 16px; } .comments-body p { margin-top: 4px; } /* page detail */ .pages-item-brand { display: block; margin-top: 16px; margin-bottom: 16px; color: var(--dark-grey-color); } .pages-item-brand:hover { text-decoration: none; } .pages-item-brand::before { content: "« "; } .pages-item-title { margin-bottom: 8px; } .pages-item-byline { color: var(--dark-grey-color); margin-bottom: 8px; } .pages-item-body p { {% if not request.theme_sansserif %} font-family: serif; font-size: 1.1rem; {% endif %} } .pages-item-body li { {% if not request.theme_sansserif %} font-family: serif; font-size: 1.1rem; {% endif %} } .pages-item-body img { max-width: 100%; } .pages-generic-grid { display: grid; grid-template-columns: 1fr 1fr 1fr; column-gap: 16px; row-gap: 16px; margin-top: 16px; } @media (max-width: 490px) { .pages-generic-grid { grid-template-columns: 1fr 1fr; } } @media (max-width: 340px) { .pages-generic-grid { grid-template-columns: 1fr; } } /* dashboard */ .dashboard-cta { font-size: 1.1rem; } .dashboard-list { line-height: 1.6; } /* images */ .images-grid { max-width: 100%; margin-top: 32px; display: grid; grid-template-columns: repeat(auto-fit, minmax(300px, 1fr)); grid-template-rows: 302px; } .images-grid-item { display: flex; justify-content: center; border: 1px solid var(--light-grey-color); } .images-grid-item img { max-width: 300px; max-height: 300px; object-fit: contain; } /* image detail */ .images-item { max-width: 100%; margin-top: 32px; margin-bottom: 32px; text-align: center; } .images-item img { max-width: 100%; max-height: 100vh; } .images-item-byline { color: var(--dark-grey-color); } /* analytics */ .analytics-chart { background: var(--light-grey-color); line-height: 0; } svg .analytics-chart-bar { fill: var(--link-color); } svg .analytics-chart-bar:hover { fill: var(--ascent-color); } svg .analytics-chart-text { font-family: monospace; font-size: 10px; } /* billing stripe */ #subscription-form input[type="submit"] { margin-top: 8px; } #card-element { border: 1px solid var(--light-grey-color); padding: 4px 8px; } #card-element-errors { margin-top: 8px; color: var(--red-color); } </pre> </div> </div> {{각주}} [[분류:블로그]] 요약: 리브레 위키에서의 모든 기여는 크리에이티브 커먼즈 저작자표시-동일조건변경허락 3.0 라이선스로 배포됩니다(자세한 내용에 대해서는 리브레 위키:저작권 문서를 읽어주세요). 만약 여기에 동의하지 않는다면 문서를 저장하지 말아 주세요. 글이 직접 작성되었거나 호환되는 라이선스인지 확인해주세요. 리그베다 위키, 나무위키, 오리위키, 구스위키, 디시위키 및 CCL 미적용 사이트 등에서 글을 가져오실 때는 본인이 문서의 유일한 기여자여야 하고, 만약 본인이 문서의 유일한 기여자라는 증거가 없다면 그 문서는 불시에 삭제될 수 있습니다. 취소 편집 도움말 (새 창에서 열림) | () [] [[]] {{}} {{{}}} · <!-- --> · [[분류:]] · [[파일:]] · [[미디어:]] · #넘겨주기 [[]] · {{ㅊ|}} · <onlyinclude></onlyinclude> · <includeonly></includeonly> · <noinclude></noinclude> · <br /> · <ref></ref> · {{각주}} · {|class="wikitable" · |- · rowspan=""| · colspan=""| · |} {{lang|}} · {{llang||}} · {{인용문|}} · {{인용문2|}} · {{유튜브|}} · {{다음팟|}} · {{니코|}} · {{토막글}} {{삭제|}} · {{특정판삭제|}}(이유를 적지 않을 경우 기각될 가능성이 높습니다. 반드시 이유를 적어주세요.) {{#expr:}} · {{#if:}} · {{#ifeq:}} · {{#iferror:}} · {{#ifexist:}} · {{#switch:}} · {{#time:}} · {{#timel:}} · {{#titleparts:}} __NOTOC__ · __FORCETOC__ · __TOC__ · {{PAGENAME}} · {{SITENAME}} · {{localurl:}} · {{fullurl:}} · {{ns:}} –(대시) ‘’(작은따옴표) “”(큰따옴표) ·(가운뎃점) …(말줄임표) ‽(물음느낌표) 〈〉(홑화살괄호) 《》(겹화살괄호) ± − × ÷ ≈ ≠ ∓ ≤ ≥ ∞ ¬ ¹ ² ³ ⁿ ¼ ½ ¾ § € £ ₩ ¥ ¢ † ‡ • ← → ↔ ‰ °C µ(마이크로) Å °(도) ′(분) ″(초) Α α Β β Γ γ Δ δ Ε ε Ζ ζ Η η Θ θ Ι ι Κ κ Λ λ Μ μ(뮤) Ν ν Ξ ξ Ο ο Π π Ρ ρ Σ σ ς Τ τ Υ υ Φ φ Χ χ Ψ ψ Ω ω · Ά ά Έ έ Ή ή Ί ί Ό ό Ύ ύ Ώ ώ · Ϊ ϊ Ϋ ϋ · ΐ ΰ Æ æ Đ(D with stroke) đ Ð(eth) ð ı Ł ł Ø ø Œ œ ß Þ þ · Á á Ć ć É é Í í Ĺ ĺ Ḿ ḿ Ń ń Ó ó Ŕ ŕ Ś ś Ú ú Ý ý Ź ź · À à È è Ì ì Ǹ ǹ Ò ò Ù ù · İ Ż ż ·  â Ĉ ĉ Ê ê Ĝ ĝ Ĥ ĥ Î î Ĵ ĵ Ô ô Ŝ ŝ Û û · Ä ä Ë ë Ï ï Ö ö Ü ü Ÿ ÿ · ǘ ǜ ǚ ǖ · caron/háček: Ǎ ǎ Č č Ď ď Ě ě Ǐ ǐ Ľ ľ Ň ň Ǒ ǒ Ř ř Š š Ť ť Ǔ ǔ Ž ž · breve: Ă ă Ğ ğ Ŏ ŏ Ŭ ŭ · Ā ā Ē ē Ī ī Ō ō Ū ū · à ã Ñ ñ Õ õ · Å å Ů ů · Ą ą Ę ę · Ç ç Ş ş Ţ ţ · Ő ő Ű ű · Ș ș Ț ț