4 заметки с тегом

блог

Эгея Power-Ups

Решил опубликовать несколько своих доработок, которые добавляют в движок новые функции. Вы можете их свободно использовать в любых ваших целях.

Список улучшений

  1. Кнопка «подробнее» или кат внутри заметок
  2. Заметки на полях
  3. Хайлайты
  4. Мини галерея

Кнопка «подробнее» или кат

Когда пишешь статью и у тебя много исходников, удобно их скрыть под кат, чтобы они не увеличивали размер статьи не отвлекали от текста. Для этого добавил поддержку катов внутри заметок. Для этого нужно сделать 2 вещи:

  1. Пометить текст, который будет выступать в качестве кнопки: .cut-button Название кнопки.
  2. Следующим элементов разместить блок div с классом cut-content и в него поместить нужный контент для скрытия.

Как это выглядит в коде:

.cut-button Два лучших вопроса для собеседования
<div class="cut-content">
Как бы вы описали идеального кандидата на эту должность?
Как вы будете судить, хорош ли я в том, что потребуется от меня через 1-3 месяца?
</div>

Как это работает

Два лучших вопроса для собеседования

Как бы вы описали идеального кандидата на эту должность?
Как вы будете судить, хорош ли я в том, что потребуется от меня через 1-3 месяца?

Стилизация в виде карточке

Если необходимо выделить какой-то блок текста в заметке можно использовать хайлайты. Для этого достаточно обернуть текст, который хотите выделить в div с классом highlight.

Как выглядит в коде:

<div class="highlight">
Как бы вы описали идеального кандидата на эту должность?
Как вы будете судить, хорош ли я в том, что потребуется от меня через 1-3 месяца?
</div>

Как работает

Как бы вы описали идеального кандидата на эту должность?
Как вы будете судить, хорош ли я в том, что потребуется от меня через 1-3 месяца?

Заметки на полях

Блог с реализацией заметок: http://mopsicus.ru.

Эту функциональность я подсмотрел в другом блоге и решил перенести в свой. Пригодится, когда нужно указать ссылку на ресурс по теме или просто примечание. Также добавил возможность указывать тип заметки. По умолчанию заметка не занимает отдельный абзац в тексте.

Как выглядит в коде:

.note Блог с реализацией заметок:  ((http://mopsicus.ru/all/aegea-field-notes/ http://mopsicus.ru)).
.note-md Блог с реализацией заметок: ((http://mopsicus.ru/all/aegea-field-notes/ http://mopsicus.ru)).

Как выглядит на мобиле:

Во всю ширину экрана.
Обтекаемый текст.

Мини галерея
Можно вывести несколько изображений в ряд. Пока что это реализовано тольк для 3 и 4 картинок. В будущем планирую добавить возможность открывать изображение на весь экран.

Как выглядит в коде:

<div class="card-gallery card-gallery-4">
    <!-- Список ссылок на изображения -->
</div>

<div class="card-gallery card-gallery-3">
    <!-- Список ссылок на изображения -->
</div>

Как выглядит на страницу

 Нет комментариев    60   16 дн   блог

Эгея

Эгея — это такой движок от Ильи Бирмана, который идеально подходит для того чтобы вести свой блог. Сразу скажу что, как по мне, это самый лучший движок среди тех что я видел.

Фичи, которые мне понравились

Редактор
Минималистичный редактор в котором очень удобно писать текст. Все форматирование текста завязано на использование разметки похожей на Маркдаун. И что самое главное для меня — это подсветка кода. Это позволяет публиковать профессиональные статьи.

Простой но удобный интерфейс
UI ничем не перегружен, что позволяет полностью сконцентрироваться на прочтении текста. Есть удобная возможность управлять черновиками.

На текущий момент данный движок меня полностью устраивает. Если хотите начать вести блог — используйте Эгею, она вам обязательно понравится.

 Нет комментариев    45   10 мес   блог

О блоге

Идея вести свой блог пришла мне очень давно. Мне всегда хотелось делиться разными наработками, идеями и мыслями, но никак не доходили руки собрать все в одном месте и продемонстрировать людям.
Также одной из целей создать блог была возможность самообучатся. Так как перед тем как публиковать пост необходимо его вычитать и максимально раскрыть тему. Тем самым я для себя еще раз расставляю по полочкам.

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

Почему я не выкладываю статьи на Хабр?

Потому что считаю что на Хабре должны быть качественные и полные статьи. Статьи в моем блоге не дотягивают до этой планки. Но как только созреет идея на полноценную большую статью — обязательно выложу на хабр.

Почему перевод статей не всегда дословный или качественный?

В первую очередь я перевожу статьи для того чтобы прокачать свой уровень английского языка. Во вторых данные посты это больше мои заметки по прочитанной статье.

P.S. Отличная статья о пользе профессионального блога

 Нет комментариев    74   1 год   блог

Обо мне

Привет, меня зовут Стефанюк Богдан.

Это мой персональный блог. Делюсь размышлениями о работе, программировании, путешествиях, музыке и разными штуками, которые мне интересны. Работаю программистом последние три года. Обожаю создавать разные приложения и участвовать во всех аспектах разработки (от дизайна до конечной публикации). Кроме этого занимаюсь пленочной фотографией.

Места где я обитаю
Instagram
Facebook
Github
LinkedIn
Почта

 Нет комментариев    197   1 год   блог   скиллы