Hexo и Markdown

Базовый синтаксис Markdown

<!-- more --> - специальный тэг, поддерживаемый Hexo. Обеспечивает функционал “читать дальше”.

Таблицы

1
2
3
4
5
6
7
8
9
10
11
| Tables | Are | Cool |
| ------------- |:-------------:| -----:|
| col 3 is | right-aligned | $1600 |
| col 2 is | centered | $12 |
| zebra stripes | are neat | $1 |
Markdown | Less | Pretty
--- | --- | ---
*Still* | `renders` | **nicely**
1 | 2 | 3

Читать дальше...

Коротко о портах

Порт - число, которое идентифицирует программу, желающую принимать данные из интернета.
Любая программа, стремящаяся передать данные другой, должна занать номер порта,
который закреплен за последней. Диапазон портов от 0 до 65535 (2 байта).

Номера портов разделены на три диапазона:

  1. Системные (от 0 до 1023)
  2. Зарегистрированные (от 1024 до 49151)
  3. Динамические или частные (от 49152 до 65535)

Список системных портов:

  • 21: FTP
  • 22: SSH
  • 25: Простой протокол передачи почты (SMTP).
  • 53: Система доменных имен (DNS).
  • 80: Протокол передачи гипертекста (HTTP).
  • 443: HTTPS (HTTP Secure) криптографический протокол SSL.
  • Полный список портов

Настройка ftp синхронизации в phpStorm

  1. Открываем настройки
    • Для MacOS: PhpStorm/Preferences (⌘+,)
    • Для Windows: File/Settings (ctrl+alt+s)
  2. Открываем: Build,Execution,Deployment / Deployment
  3. Жмем добавить {1}, вводим имя.
  4. Во вкладке Connection заполняем поля: FTP host, Root path, User name, Password
    Root path - папка с проектом на сервере
  5. Сделать данное соединение по умолчанию {2}
  6. Нажать на кнопку “Advanced options…” {3} и в модальном окне поставить галочку “Passive mode”
  7. Переходим во вкладку “Mappings” {4} и заполняем поля (как правило, ничего менять не надо):
    • Local path - папка с локальным проектом
    • Deployment path ….. - папка на сервере
    • Web path ….. - веб путь, по умолчанию /

  • Чтобы включить отображение дерева директорий на сервере надо: Tools/Deployment/Browse Remote Host
  • Чтобы включить автоматическую синхранезацию надо выбрать: Tools/Deployment/Automatic Upload (always)

Полезные ссылки:

  1. Видео урок по phpStorm Про ftp синхронизацию с 3:40 до 22:00

Конфигурирование apache на raspberry pi и не только

Конфигурационные файлы apache:

  • /etc/apache2/apache2.conf - главный конфигурационный файл Apache2. Содержит параметры, которые являются глобальными.
  • /etc/apache2/conf-available - этот каталог содержит доступные конфигурационные файлы.

Настройки php.ini

  1. Чтобы в php скриптах работало <? наравне с <?php необходимо настроить параметр таким образом: short_open_tag = On

Полезные ссылки:

  1. Документация Ubuntu

Шпора по командам терминала

Консольные команды для Linux

  • chmod 777 -R blog - рекусивно меняем права у папки blog
  • chown -R pi:root blog - рекурсивно меняем владельца у паки blog на pi и группу на root
  • rm -R blog - Удалить папку blog (рекурсивно)
  • rm -R * - Удалить все содержимое текущей папки (рекурсивно)
  • mkdir blog - Создать директорию blog
  • stat blog - Подробная информация о файле/директории
  • mv - Переместить или переименовать файлы
  • nslookup ya.ru - DNS-клиент позволяющий узнать ip адресс сайта и не только

Читать дальше...

Настраиваем ftp на raspberry pi

Если надо удалить ftp сервер, выполняем следующую команду:
apt-get --purge remove vsftpd

  1. Установите vsftpd: sudo apt-get install vsftpd
  2. Отредактируйте файл vsftpd.conf: sudo nano /etc/vsftpd.conf
  3. Необходимо закомментировать атрибут anonymous_enable (комментарий #)
  4. В конец файла добовляем следующие настройки:

    1
    2
    3
    4
    5
    6
    7
    anonymous_enable=NO
    local_enable=YES
    write_enable=YES
    local_umask=0002
    anon_upload_enable=YES
    anon_mkdir_write_enable=YES
    file_open_mode=0777

    Данные настройки позваляют закачивать файлы на сервер с правами доступа: rwxrwxr-x
    Обычно права доступа у залитых по ftp файлов будут: rw- - - - - - -

  5. Сохраните настройки и выйдите, нажав CTRL-O, CTRL-X.
  6. Теперь перезапустите vsftpd: sudo service vsftpd restart

Настройка виртуального Веб-Сервера c VirtualBox, Apache, Mysql, phpMyAdmin и общей папкой

Моей основной ОС является MAC OS. Мне необходимо было установить VirtualBox и установить в ней, в качестве гостевой ОС Ubuntu Server без графической оболочки. Настроить Ubuntu в качестве LAMP сервера и установить Apache, Mysql, phpMyAdmin. Также настроить общую папку между основной и гостевой ОС. Ниже представлена инструкция как это сделать.

Читать дальше...

html генератор

Автоподстановка с Emmet

Один из вариантов конструкции, записанный в БНФ:

тэг {.название-класса} [количествоПовторений] { > тэг {.название-класса}[количествоПовторений]} > lorem [*количествоПовторений]

Примечание:

  • { … } - цепочка, которая может отсутствовать или повторяться некоторое число раз
  • [ … ] - цепочка, которая может отсутствовать

Синтаксис:

  • > вложенные тэги
  • + тэги на одном уровне
  • * количество повторений
  • ( … ) группировка
  • . добавление класса
  • # добавление идентификатора (id)
  • [ … ] атрибуты тэга
  • $ нумерация элементов
  • $@- изменение нумерации элементов на обратную
  • { … } добавление текста к элементу

Примеры:

  • тэг [tab] <тэг></тэг>
  • a.name-class{text a} [tab] <a href="" class="name-class">text a</a>
  • div>ul>li [tab]

    1
    2
    3
    4
    5
    <div>
    <ul>
    <li></li>
    </ul>
    </div>
  • ul>li.item$$*3 [tab]

    1
    2
    3
    4
    5
    <ul>
    <li class="item01"></li>
    <li class="item02"></li>
    <li class="item03"></li>
    </ul>
  • ul>li.item$@-3*5 [tab]

    1
    2
    3
    4
    5
    6
    7
    <ul>
    <li class="item7"></li>
    <li class="item6"></li>
    <li class="item5"></li>
    <li class="item4"></li>
    <li class="item3"></li>
    </ul>
  • ul>li.item$@3*2 [tab]

    1
    2
    3
    4
    <ul>
    <li class="item3"></li>
    <li class="item4"></li>
    </ul>
  • div+p+bq [tab]

    1
    2
    3
    <div></div>
    <p></p>
    <blockquote></blockquote>
  • div>(header>ul>li*2>a)+footer>p [tab]

    1
    2
    3
    4
    5
    6
    7
    8
    9
    10
    11
    <div>
    <header>
    <ul>
    <li><a href=""></a></li>
    <li><a href=""></a></li>
    </ul>
    </header>
    <footer>
    <p></p>
    </footer>
    </div>
  • td[title=”Hello world!” colspan=3] [tab] <td title="Hello world!" colspan="3"></td>

Создание книги с твердым переплетом в домашних условиях

Я давно уже хотел распечатать книгу самостоятельно и сделать для нее твердый переплет.

Но для того чтобы сделать книгу с твердым переплетом необходимо много времени, а его постоянно не хватает, да и печатать абы что не хотелось. И вот недавно у меня появилось свободное время и книга, которую я не мог нигде купить.

Книга Дэвида Флэнагана “JavaScript. Подробное руководство” (6-е издание) оказалась крепким орешком, во всей Уфе я не смог найти книгу, а если заказывать, выходило порядка 2500 рублей. Я смог найти электронную версию (скачал с вконтактика), но у меня есть заморочка: не люблю читать книги с планшета, особенно технические. Поэтому я решил что все же надо попробовать распечатать книгу.

Начать статью я хочу с показа того, что получилось. Страниц в книге больше 1000, а так как я печатал на обычных листах, пришлось разделить книгу на два тома, потому что обычные листы гораздо толще, чем те, что используются в типографии.

Читать дальше...