За время существования блога обнаружились проблемы, с которыми сталкиваются почти каждый решивший написать свой первый пост. В этой заметке я расскажу о технических проблемах блога и их возможных решениях.
Разбивка текста на вводную и основную части
Короткие объявления можно полностью размещать на главной странице, а для больших заметок лучше использовать разделение на вводную и основную части. Для этого в редакторе заметок есть две вкладки: «Текст» и «Продолжение». В «Текст» пишите какое-нибудь введение, а в «Продолжение» всё кроме введения.
Не смотря на всю очевидность, все кто в первый раз что-либо пишут в нашем блоге, наступают на эти грабли.
Работа с редактором
У редактора блога доступны несколько режимов работы, которые можно выбрать из списка показанного на этом скриншоте
Также можно использовать любой текстовый или специальный html-редактор установленный на своём компьютере. В этом случае после набора текста в редакторе блога указывайте режим «Ничего» и вставляйте исходный html-текст от тэга <body> до </body>
Использовать OpenOffice Writer для набора очень удобно, но я это не рекомендую, т.к. он для каждого блока текста прописывает свои шрифты и размеры. Такая заметка может сильно выделяться от общего стиля других записей блога.
Использование графики и мультимедийного контента
Под этот блог выделено не много места на жёстком диске сервера. Для хранения обычного текста в самый раз, но многие заметки хорошо бы сопровождать графикой или ещё каким-нибудь мультимедийным контентом.
Для вставки изображений можно пользоваться бесплатными публичными хранилищами изображений:
Для видео кроме youtube ничего предлагать не стану, т.к. ничего больше не знаю.
После публикации изображения или видео вам предоставят несколько способов для вставки ссылки на форум (bbcode), на сайт или в блог (html-тэги). Например, следующая картинка вставленна из Smages с помощью строчки «HTML, небольшое превью (увеличение по клику)»:
<a href=’http://smages.com/3d/67/3d67cd1a75d6c24568c0bbe4eefbc025.jpg.htm’ title=’Smages — проприетарный хостинг изображений’ target=’_blank’><img src=’http://smages.com/t/3d/67/3d67cd1a75d6c24568c0bbe4eefbc025.jpg’ border=’0′></a>
Надеюсь, что в будущем будет больше ресурсов для хранения мультимедийного контента прямо на сайте. А пока, если нет иной возможности, пользуйтесь проприетарщиной.
Стили
При создании заметки «Домашная сеть» я остро почуствовал недостаток готовых стилей для выделения блоков с командами и с конфигурационными файлами.
Для выделения отдельных строчек команд было достаточно установить шрифт monospace, как показано ниже:
|
<p style=«font-family: monospace;»> … </p> |
$ dpkg-query -W -f=’${Package}\t${Version}\t${Installed-Size}\n’ > packages.csv |
С большими конфигами и исходниками так делать не очень хорошо, так как не всем интересно пролистывать тысячи строчек. Лучше сделать маленький отдельный блок для просмотра большого листинга.
|
<pre style=«font-family: monospace; max-height: 200px; overflow: auto; border: 1px solid #808080;»> |
|
Эти стили возможно использовать только при ручном редактировании html-кода, например набирая текст в каком-нибудь редакторе на своём компьютере или в режиме «Ничего» редактора блога.