Клуб юных сайтостроителей и блоговодов

[BOBA]

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

[BOBA]

Собственная страничка может лежать на общедоступном конструкторе сайтов или блогов, или быть сделана своими руками. в последнем случае придется позаботится о месте для ее размещения (хостинга) платном или бесплатном.

Следующие несколько записей будут о самостоятельном изготовлении странички. Перед тем, как выложить страничку в интернет, ее желательно протестировать, посмотреть, для того чтобы не покрыть имя свое несмываемым позором. Самый простой способ получить на компьютере с ОС Виндовз тестовую лабораторию для отладки сайтов - это поставить туда Денвер.

брать тут
http://www.denwer.ru/

Счастливые пользователи Вин10 могут быть фрустрированы тем, что оно не работает.
Хорошая новость - прочитав тред
http://forum.dklab.ru/viewtopic.php?t=333163

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

[BOBA]

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

https://git-scm.com/download

[BOBA]

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

Как широко известные, так и экзотические. из относительно - известных:
1. jekyll - octopress
2. pelican
3. hugo

у всех этих генераторов есть общая черта - они работают с текстовыми заготовками в формате markdown
https://aleksandralopuhovich.gitbook...kdown/content/
Обратим внимание, что сам по себе текст описания размещен на платформе gitbook,
https://sohabr.net/habr/post/218433/
и сам сконвертирован из markdown, тоже генератором.

[BOBA]

Еще одно замечание от капитана - очевидности. сайтостроителю понадобится командная строка, в винде удобнее всего (мне) пользоваться far manager - ом.

чтобы сайтострой не расползался по компу, я сделал папку Sites. в ней подпапку soft, куда будут инсталлироваться всякие блоговодческие инструменты.
================================
Под виндой можно сэкономить массу нервов, если пользователь, под которым мы работаем, назван латиницей. просто массу! русскоязычные системные папки, с которыми начинает работать установленный софт, внезапно приводят к глюкам! это зло. избегайте зла.
================================
Итак первые опыты. Начнем с октопресса. Он работает под языком Rubi
пришел сюда.
http://rubyinstaller.org/downloads/

взял среду 2.3.1, и сразу же оттуда надо утаoить DevelopmentKit. Без последнего не будут ставиться пакеты. Руби встало в папку soft, подпапку 2.3
в (ней не очень правильно, но ладно) сделана папочка devkit.

туда распакован DevelopmentKit.

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

батник кинул в корень папки Sites,

вторая строчка прописывает пути к установленному софу, третья - задает путь к SSL сертификату Ruby, который надо скачать и положить в корень папки Sites/

про сертификаты читать тут
https://superdevresources.com/ssl-er...-gems-windows/
брать здесь.

http://curl.haxx.se/ca/cacert.pem - что это, я пока не понял, но без этого гемы (пакеты руби) не скачиваются.

(если конечно не переключиться на незащищенный репозитарий, что у меня не вышло. То есть команда добавить незащищенный
gem source -a http://rubygems.org
работала, а вот команда которая должна была удалить защищенный - нет
gem source -remove https://rubygems.org
- говорила, что он не найден.

хотя
gem source показывал что он есть.

- что-то я значит с интернета не так скопипастил ((((((((((

Важная особенность самостоятельного сайтостроя - постоянно узнаешь че то новое.... блин

[BOBA]

(собственно, первое, что заработало - было пеликаном. а октопресс я мучил из вредности)

[BOBA]

инициализируем devkit - перейдем в его папку (напоминаю, она внутри руби) и выполним
..\bin\ruby.exe dk.rb init
Перейдем в корень проекта, склонируем болванку блога octopress из github

git clone git://github.com/imathis/octopress.git blog
- должна получиться папочка blog

перейдем в нее и выполним
..\run bundle install
- компьютер зашуршит интернетом и начнет таскать оттуда пакеты руби - гемы - необходимые для ведения блога.

пробуем сгенерировать блог
..\run rake generate

оно говорит нам, что rake у нас слишком свежий....
пробуем поставить запрошенное
..\run gem install rake -v '10.5.0'
- не помогло
поменял версию в gemfile.lock,
снова
..\run rake install
..\run rake generate

и, о чудо, подумав ОНО сгенерило папку PUBLIC и в нем совсем пустой блог..... шайтан машин. страшный такой, потому что тема стандартная


ориентировался на http://ajaxblog.ru/octopress/octopre...ing-for-geeks/

который и сам сделан на октопрессе.

[BOBA]

теперь я хочу посмотреть это в денвере, допустим на сайте test9.ru

поправим _config.yml

url: http://test9.ru
title: Тестовый блог
subtitle: На октопресс.

пересоздадим сайт. закинем в denwer, в корень сайта надо положить файлик
.htaccess
в котором написано -
AddDefaultCharset UTF-8

- без этого русские буковки будут выглядеть кракозябрами.

что пока не получается - класть в папку, отличную от корня сайта.


и пересоздать (rake generate)

[BOBA]

ну и запустим в как-бы бложик первый пост.

найдем папочку source/posts,
создадим файл с названием

2016-10-15-first_post.md

(день-месяц-год-название файла)

и внесем туда текст вроде
---
layout: post
title: "Первый пост!"
date: 2016-10-15 11:01:50 +0300
categories: hello_world
---
Получилось, как ни странно!!!
=========================
текст должен быть в кодировке UTF-8

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

http://markdownpad.com/

блогогенератор немного тормозной, но с сайтиками до 300 страничек вероятно справится хорошо. а намного больше - кто напишет?
Красивых тем много. т.е. меня вполне устроит.

Радикально быстрее собирает сайты HUGO.

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

[BOBA]

Генератор на питоне
змею взял тут, поставил рядом с руби.
https://www.python.org/downloads/release/python-2712/

мадифицировал батник - запускалку, добавив пути к питону
@set rver=23
@set pyver=23
@set path=%~dp0soft\python%pyver%\;%~dp0soft\python%pyv er%\scripts;%~dp0soft\ruby%rver%\bin;%~dp0soft\rub y%rver%\devkit\bin;%path%
@set SSL_CERT_FILE=%~dp0cacert.pem
chcp 65001
%1 %2 %3 %4 %5 %6 %7 %8 %9

дальше -
run easy_inatall markdown
run easy_install pelican
- все поставилось,
сделал папку для блога, перешел в нее
..\run pelican-quickstart
- выяснил, что ему UTF-кодировка в консоли не нужна, склонировал батник run.bat
и повторил..........

дальше нужно ответить на 10 примерно вопросов - как хотим назвать сайт, куда выкладывать. и заготовка создана.

в папке content создаем первый пост, допустим такой


Title: Hello world!
Date: 2016-04-22 10:40
Author: username
Category: Some_Category
Tags: blogging, test
Slug: hello-world
Status: published

Содержание статьи будет здесь..

файлу pelicanconf.py
говорим, что блог будет лежать на тестовом денвер-сайте test9.ru в папке peli
SITEURL = 'http://test9.ru/peli'

и запускаем команду генерации - pelican, ..\run pelican и практически сразу готова папка output.

закинули в Denwer, увидели - просто, аскетично, аккуратно, даже на дефолтной темке.

никакой романтики, никаких мучений
пример пеликаносайта, с рассказом о нем же.
https://the-bosha.ru/2016/05/04/gene...logov-pelican/


масса тем...
https://github.com/getpelican/pelican-themes

[Che]

Вова, почему именно юных?

[BOBA]

Звучит лучше. Я душой юн, только лысина старая.
==========
Ну посмотрел еще на hugo.

По сравнению с джекилом и пеликаном - летает. Ставить просто - распаковать 1 экзешник. И все. Не надо ставить пакетов и класть сертификаты. Не надо. Просто надо его запускать...... все. Только буков на русском мало про него.

[Che]

Понятно....

[BOBA]

Дальше буду смотреть, у кого проще в шаблоны подсовывать свой html-javascript. Октопресс - красивый, если поправить в дефолтной теме цвет на песочно - кофейную гамму, будет то, на что мне приятно глядеть. Он сразу поидает серьезный вид сайту. Джекилл - как правило аскетичен до самого дзена, по оформлению. Мне это сейчас не вполне по душе.

[BOBA]

Сообщение от Che

Понятно....

А ты свой сайт вручную верстала?

[Che]

Ага, вручную.

[Afa]

Сообщение от Che

Вова, почему именно юных?

потому что бывают ищщо подопытные

[Afa]

Сообщение от BOBA

Дальше буду смотреть, у кого проще в шаблоны подсовывать свой html-javascript. Октопресс - красивый, если поправить в дефолтной теме цвет на песочно - кофейную гамму, будет то, на что мне приятно глядеть. Он сразу поидает серьезный вид сайту. Джекилл - как правило аскетичен до самого дзена, по оформлению. Мне это сейчас не вполне по душе.

можно ищщо статичну страничку с реактом отдавать nginx'ом, на апи воткнуть erlang с mochiweb'ом. и извращаться в своё удовольствие.
псы. да. мне такое возможно скоро грозит.

[Искремас]

Сообщение от Che

Ага, вручную.

— О, Мой Бог! Нет! Никто больше не использует верстку вручную. Ты должен попробовать React: это — 2016!

Хе-хе...

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

— Это теперь называется Front-End инженер, но да, я — именно он. Я работаю с вебом в 2016. Визуализации, музыкальные плееры, летающие дроны, которые играют в футбол, все что угодно. Я только что вернулся из JsConf и ReactConf, так что я знаю новейшие технологии для создания веб-приложений.

— Круто. Мне нужно создать страницу, которая отображает последние действия со стороны пользователей, так что мне просто нужно получить данные от REST и отобразить их в какой-то фильтруемой таблице, ну и обновлять её, если что-то изменится на сервере. Я думал, может быть, использовать JQuery для извлечения и отображения данных?...

Дальше по ссылке
https://habrahabr.ru/post/312022/

[Che]

Искремас, из неупомянутого в статье я использую Bootstrap.

[Aliskana]

А я свой блог на вордпрессе создала.

Сейчас пытаюсь туда оптимайзпресс поставить, да никак не соберусь.

Видимо, придется к профи обращаться.

[Che]

Вова, а твоя дочь интересуется программированием или хотела бы вести свой блог?

Когда Миша был маленький мы сделали с ним вебсайт - фан-сайт для одной из MRPG. У нас там был форум. В основном занимались этим Вова (который мой муж) и Миша, поскольку они играли в эту MRPG. Они устраивали конкурсы, показывали статистики, давали советы касательно игровой стратегии и т.п.

Я им в основном помогала с дизайном и настройками форума.

Потом уже где-то в старших классах Миша с друзьями создали вебсайт. В числе прочего они выкладывали там свои видео на разные темы, в основном обучательного либо описательно характера. Из разряда "Есть такой софт, есть такая игра". Посколько гугл стал вставлять рекламу в их видео-ролики, то им шла некоторая сумма, небольшая, но достаточная например для того, чтобы они заказали себе майки с эмблемой сайта.

Знаю еще некоторых людей, которые вместе с детьми делали блоги. Например, мы играли в бридж с одним товарищем и его дочкой - сейчас они живут в Канаде, но родом из Болгарии. Зовут Цветалин и Албена. Вот Албена вместе со своей подругой сделали блог, на бриджевскую тему.

Может твоя дочь тоже была бы заинтересована в чем-то подобном?

[BOBA]

Che,

Пока вряд ли. Пока я для себя интересуюсь, хочу завершить уже гештальт - сделать сайтообразное.
=======================
Из генераторов статики самым гибким из просмотренного мне показался Middleman.

Самым быстрым - Hugo. Джекил- Октопрес тормоза жуткие. Шутки ради попробовал натянуть шкурку октопресса на свой калах ...... готично так, выходит, но чтобы попрятать уши блога, нужно усилия прилагать, может еще не приспособился.

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

А вот джекилл-октопресс сразу поняли, что я хочу.

по миддлеману русскоязычных введений немного, и я по капле читаю
https://webdesign.tutsplus.com/artic...man--cms-25275

англоязычное, и оставляю себе.

https://sites.google.com/site/ooo3be...dleman-howto-1

Пока не научился говорить ему, что блог необязательно живет в корне сайта

[Afa]

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

[BOBA]

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

[Che]

Успехов!

[BOBA]

.... Пост легкой грусти - чтобы забилдить проект миддлмана пришлось слегка закоментировать одну строчку внутри библиотек - файл модуль middleman_core файл load_paths.rb строчка 15 - setup_bundler() if ENV[ ......

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

вощем когда я пойму про этот самый бандлер, я познаю еще кусочег вселенской истины.

[Afa]

ты енв установи. в строке запуска прям.
RAILS_ENV=production middleman ...
ну или что там он хотел или не хотел.
а вообще - посмотри на capistrano с точки зрения деплоя сайта. с мидлемэном он вяжется