Test

Пример большой страницы, разделенной на части для удобства редактирования

Contents

• Visual
• Code
• Тест картинок
• Command Line Template
• Links
• Different

https://about-me.pp.ua/

Visual

? question

i info

! warning

<span class="ques">?</span> question

<span class="info">i</span> info

<span class="warn">!</span> warning

Code

одиночные кавычки

<code class="language-plaintext highlighter-rouge">одиночные кавычки</code>

тройные кавычки в строку

<code class="language-plaintext highlighter-rouge">тройные кавычки в строку</code>

строка окруженная тройными кавычками

<div class="language-plaintext highlighter-rouge">
	<div class="highlight">
		<pre class="highlight"><code>
		строка окруженная тройными кавычками
		</code></pre>
	</div>
</div>

4 пробела в начале строки

<div class="highlight">
	<pre class="highlight"><code>
	4 пробела в начале строки
	</code></pre>
</div>

текст в теге code...

<code>текст в теге code...</code>

строка окруженная тегом code.

<code>
строка окруженная тегом code.
</code>

строка окруженная тегом pre.

<pre>строка окруженная тегом pre.
</pre>

строка окруженная тегами pre code.

<pre><code>
строка окруженная тегами pre code.
</code></pre>

Тест картинок

desc	img	code
warning		
info		
question		
plus		
remove		
tag		

Command Line Template

Одна строка с командой

{% include cl.htm cmd="rsync --port=7777 ONLY" %}

rsync --port=7777 ONLY

Команда и строки вывода информации

{% include cl.htm cmd="..." out="..." %}

{% include cl.htm cmd="rsync --port=7777 mymachine.example.com::pickup/"
out="
Hello! Welcome to Martin's rsync server.
drwxr-xr-x        4096 2009/08/23 08:56:19 .
-rw-r--r--           0 2009/08/23 08:56:19 article21.html
-rw-r--r--           0 2009/08/23 08:56:19 design.txt
-rw-r--r--           0 2009/08/23 08:56:19 figure1.png
" %}

rsync --port=7777 mymachine.example.com::pickup/
Hello! Welcome to Martin's rsync server.
drwxr-xr-x        4096 2009/08/23 08:56:19 .
-rw-r--r--           0 2009/08/23 08:56:19 article21.html
-rw-r--r--           0 2009/08/23 08:56:19 design.txt
-rw-r--r--           0 2009/08/23 08:56:19 figure1.png

Команда и большое кол-во выводимой информации

{% include cl.htm cmd="rsync --port=7777 mymachine.example.com::pickup/"
small="Hello! small Welcome to Martin's rsync server.
drwxr-xr-x        4096 2009/08/23 08:56:19 .
-rw-r--r--           0 2009/08/23 08:56:19 article21.html
-rw-r--r--           0 2009/08/23 08:56:19 design.txt
-rw-r--r--           0 2009/08/23 08:56:19 figure1.png
" %}

rsync --port=7777 mymachine.example.com::pickup/
Hello! small Welcome to Martin's rsync server.
drwxr-xr-x        4096 2009/08/23 08:56:19 .
-rw-r--r--           0 2009/08/23 08:56:19 article21.html
-rw-r--r--           0 2009/08/23 08:56:19 design.txt
-rw-r--r--           0 2009/08/23 08:56:19 figure1.png

Links

Full sql.RawBytes support.

Full [sql.RawBytes](https://golang.org/pkg/database/sql/#RawBytes) support.

Абсолютные и относительные

Можно указать абсолютную, “от корня”, но при этом, нужно использовать переменную site.baseurl:

[Apt]({{ site.baseurl }}/linux/soft/apt/)

или оносительную, от текущей директории:

[Apt](../../soft/apt/)

Мои ссылки

Для того, чтобы ссылки на другие сайты открывались в новом окне прописал в e-note/_includes/a.htm такой код

<a href="{{ include.url }}" target="_blank" rel="nofollow">
{%- if include.text -%}
  {{ include.text }}
{%- else -%}
  {{ include.url }}
{%- endif -%}
</a>

На страницах ссылка оформляется так:

{% include a.htm url="https://link.to" text="Link Description" %}
{% include a.htm url="" text="" %}  # for copy

Для отличия по цвету (зеленые - локальные, синие - внешние) в css:

a {
	color: green;
	text-decoration: none
}

a[href ^= "http"] {
  color: #0366d6;
}

a[href ^= "mailto"] {
  color: #0366d6;
}

Different

test

images

table

Test

Ctrl+Alt+Del - три кнопки нажаты одновременно

Ctrl K+U - Ctrl - удерживается, U и K - поочередно

https://webhamster.ru/mytetrashare/index/mtb0 - здесь много статей

Таблиці

GitHub не відібражає цей код як таблицю, а GitHub Pages - відібражає

one | two | three

Lorem ipsum dolor sit amet, ? consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.

test test test test test

<kbd>test</kbd>, <kbd>images</kbd>, <kbd>table</kbd>

test, images, table

![tags][tg] : <var>test, images, table</var>

: test, images, table

**keys**: <i>test</i>, <i>images</i>, <i>table</i>

keys: test, images, table

<small><samp>test, images, table</samp></small>

test, images, table

tags: test, images, table