Как се прави публикация
Как да работим с фирмен блог
Как се прави публикация
Инструменти
Тези опции са за предпочитане поради поне три причини:
- Те не зависят от LocalStorage и текстът няма случайно да изчезне никъде, той също е достъпен от всяко устройство; — Можете да работите върху текста дълго време, довеждайки го до съвършенство; — Наличието на опции за дизайн на текста ви позволява да видите статията такава, каквато ще бъде; за последващо прехвърляне на материал можете да използвате конвертори, например този.
Не трябва да вмъквате текстове в един непрекъснат лист. Случайно превъртане с колелото (или неточно докосване на таблета) и това е, вече сте загубили мястото, където сте чели. Разделете текста на малки абзаци, по няколко изречения всеки.
Параграфите от текста могат да бъдат разделени от картинки. Това е особено добре, ако те също са уместни.
На сайта, както и в HTML маркирането, са налични 3 нива на заглавия: най-голямото (H1), по-малкото (H2) и средното (H3). Използвайте ги, за да структурирате текста: маркирайте основните раздели с най-големите, подразделите с по-малки заглавия и т.н. От заглавията трябва да става ясно какво ще се чете – част от статия или част от раздел. Не правете заглавия в името на заглавията.
Между другото, заглавията (както и обикновеният текст) също могат да бъдат оцветени с етикета за цвят на шрифта (таг, а не css стил!). Корпоративните клиенти особено харесаха този дизайнерски подход, рисувайки заглавия в корпоративния цвят. Тази опция е добра, защото подчертава още повече заглавието на фона на черно-бял лист с текст.
Иронично заглавие
Разгледайте етикетите, налични на сайта. Сред тях има много полезни. Например, ако използвате някои редки съкращения в статия, тогава защо не дешифрирате тяхното значение сизползвайки маркера abbr?
Обърнете внимание на разликата между етикетите за източник и код. Source вмъква блоков елемент с подчертаване на синтаксиса, докато кодът вмъква вграден елемент (по същество само шрифт с едно пространство). Съответно няма смисъл да вмъквате няколко реда код в кодовия етикет - ще изглежда грозно, сливайки се с основния текст. Но източникът е обратното.
Не всеки знае, че има поддръжка за таблици, включително възможността за комбиниране на редове и колони. Не можете да зададете дебелина на рамката или цвят на фона за таблици, но вътре в тях можете да използвате изображения и текст със същото форматиране. Ако се подходи отговорно, ще се получи красиво. Можете да вмъкнете таблица и картинка, но така тя няма да се индексира и ще бъде по-трудно да промените нещо в нея.
Изображения
Всички изображения от Habr се съхраняват в услугата Habrastorage, специален ресурс за съхранение на снимки. Дори ако вмъкнете снимки от външен сайт, те пак ще бъдат качени отново в Habrastorage, за да бъдат достъпни дори години по-късно. Качвайте изображения директно в услугата - това е много удобно.
Всички големи изображения се мащабират автоматично с помощта на CSS, така че оформлението на сайта да не се движи. Това означава, че можете да вмъкнете FullHD екранна снимка, но най-вероятно нищо няма да се вижда на нея - не бъдете твърде мързеливи, за да направите снимката кликваща, като добавите връзка към пълната версия на изображението.
Избор на правилното изображение
Когато създавате пост цикъл, има смисъл да използвате същата картина преди ката. Тогава тези, които са харесали предишната публикация от поредицата, е много вероятно да преминат към новата част.
За потребителите на Mac това е просто. Самият Стив Джобс нареди да използва комбинацията "CMD + Shift + 4 + Space", за да направи красива екранна снимкапрозорци със сянка. За потребителите на Windows и Linux има огромен брой различни помощни програми и методи за всеки вкус.
Екранна снимка от OS X след натискане на комбинацията "CMD + Shift + 4 + Space"
Има няколко нюанса:
Ако екранната снимка е много голяма, най-вероятно няма да се побере изцяло в публикацията. В този случай е по-лесно да го направите с възможност за кликване, така че чрез щракване върху миниатюрата на картината да се отвори пълноценна екранна снимка. Това се прави от конструкцията:
Не забравяйте да се подпишете в текста или в надписа, че картинката е кликаема.
Обвиване на текст около изображение
Ако използвате малко изображение в статията си (по-малко от 300-400 пиксела ширина), тогава ще има празни области отстрани на изображението. За да се отървете от тях, можете да присвоите атрибут за подравняване на картината със стойност ляво, централно или дясно. За да избегнете няколко прекъсвания на редове по-късно, използвайте атрибута clear.
Можете също да зададете атрибутите за ширина и височина за изображения.
Други съвети
Habrahabr Flavored Markdown
Да, ако сте нов в Markdown, струва си да разгледате основите на Markdown.