|
Цифровые технологии, программирование и сайтостроительство Полупрофессиональный подраздел. Подробное описание раздела находится в прикреплённой теме. |
|
Опции темы |
19.10.2016, 10:29 | #1 |
Сетевой эльф
Регистрация: 27.09.2007
Сообщений: 37,313
|
Клуб юных сайтостроителей и блоговодов
Членами клуба могут быть все, кто хочет иметь или уже имеет страничку в интернете или бложик, и желает поговорить обо всем, что с этим делом связано.
__________________
Магическое зеркало: видеть себя в других, видеть других в себе... Предпочитаю вежливость. |
19.10.2016, 10:42 | #2 |
Сетевой эльф
Регистрация: 27.09.2007
Сообщений: 37,313
|
Собственная страничка может лежать на общедоступном конструкторе сайтов или блогов, или быть сделана своими руками. в последнем случае придется позаботится о месте для ее размещения (хостинга) платном или бесплатном.
Следующие несколько записей будут о самостоятельном изготовлении странички. Перед тем, как выложить страничку в интернет, ее желательно протестировать, посмотреть, для того чтобы не покрыть имя свое несмываемым позором. Самый простой способ получить на компьютере с ОС Виндовз тестовую лабораторию для отладки сайтов - это поставить туда Денвер. брать тут http://www.denwer.ru/ Счастливые пользователи Вин10 могут быть фрустрированы тем, что оно не работает. Хорошая новость - прочитав тред http://forum.dklab.ru/viewtopic.php?t=333163 они смогут узнать о возможности отключения службы IIS, и таки запустить сервер, обретя гармонию в душе.
__________________
Магическое зеркало: видеть себя в других, видеть других в себе... Предпочитаю вежливость. |
19.10.2016, 10:49 | #3 |
Сетевой эльф
Регистрация: 27.09.2007
Сообщений: 37,313
|
Мегаогромное множество заготовок, инструментов и шаблонов находится в репозитарии githhub, и юный сайтостроитель несомненно поступит правильно, установив на свой компьютер клиент для такого рода хранилищ
https://git-scm.com/download
__________________
Магическое зеркало: видеть себя в других, видеть других в себе... Предпочитаю вежливость. |
19.10.2016, 11:10 | #4 |
Сетевой эльф
Регистрация: 27.09.2007
Сообщений: 37,313
|
самый простой в технологическом отношении сайт состоит из множества HTML - страничек. это текстовые файлы, которые лень писать вручную - логично собирать их из предформатированных текстовых заготовок. Для сборки используются генераторы статических сайтов, коих превеликое множество. я рассмотрю не более 10 из них.
Как широко известные, так и экзотические. из относительно - известных: 1. jekyll - octopress 2. pelican 3. hugo у всех этих генераторов есть общая черта - они работают с текстовыми заготовками в формате markdown https://aleksandralopuhovich.gitbook...kdown/content/ Обратим внимание, что сам по себе текст описания размещен на платформе gitbook, https://sohabr.net/habr/post/218433/ и сам сконвертирован из markdown, тоже генератором.
__________________
Магическое зеркало: видеть себя в других, видеть других в себе... Предпочитаю вежливость. |
19.10.2016, 12:48 | #5 |
Сетевой эльф
Регистрация: 27.09.2007
Сообщений: 37,313
|
Еще одно замечание от капитана - очевидности. сайтостроителю понадобится командная строка, в винде удобнее всего (мне) пользоваться 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 показывал что он есть. - что-то я значит с интернета не так скопипастил (((((((((( Важная особенность самостоятельного сайтостроя - постоянно узнаешь че то новое.... блин
__________________
Магическое зеркало: видеть себя в других, видеть других в себе... Предпочитаю вежливость. |
19.10.2016, 12:50 | #6 |
Сетевой эльф
Регистрация: 27.09.2007
Сообщений: 37,313
|
(собственно, первое, что заработало - было пеликаном. а октопресс я мучил из вредности)
__________________
Магическое зеркало: видеть себя в других, видеть других в себе... Предпочитаю вежливость. |
19.10.2016, 14:07 | #7 |
Сетевой эльф
Регистрация: 27.09.2007
Сообщений: 37,313
|
инициализируем 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; 19.10.2016 в 14:13. |
19.10.2016, 17:00 | #8 |
Сетевой эльф
Регистрация: 27.09.2007
Сообщений: 37,313
|
теперь я хочу посмотреть это в денвере, допустим на сайте test9.ru
поправим _config.yml url: http://test9.ru title: Тестовый блог subtitle: На октопресс. пересоздадим сайт. закинем в denwer, в корень сайта надо положить файлик .htaccess в котором написано - AddDefaultCharset UTF-8 - без этого русские буковки будут выглядеть кракозябрами. что пока не получается - класть в папку, отличную от корня сайта. и пересоздать (rake generate)
__________________
Магическое зеркало: видеть себя в других, видеть других в себе... Предпочитаю вежливость. |
19.10.2016, 18:01 | #9 |
Сетевой эльф
Регистрация: 27.09.2007
Сообщений: 37,313
|
ну и запустим в как-бы бложик первый пост.
найдем папочку 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; 19.10.2016 в 18:19. |
20.10.2016, 13:47 | #10 |
Сетевой эльф
Регистрация: 27.09.2007
Сообщений: 37,313
|
Генератор на питоне
змею взял тут, поставил рядом с руби. 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
__________________
Магическое зеркало: видеть себя в других, видеть других в себе... Предпочитаю вежливость. Последний раз редактировалось BOBA; 20.10.2016 в 15:18. |
20.10.2016, 21:40 | #11 |
Старожил
Регистрация: 24.10.2006
Сообщений: 7,710
|
Вова, почему именно юных?
|
20.10.2016, 21:49 | #12 |
Сетевой эльф
Регистрация: 27.09.2007
Сообщений: 37,313
|
Звучит лучше. Я душой юн, только лысина старая.
========== Ну посмотрел еще на hugo. По сравнению с джекилом и пеликаном - летает. Ставить просто - распаковать 1 экзешник. И все. Не надо ставить пакетов и класть сертификаты. Не надо. Просто надо его запускать...... все. Только буков на русском мало про него.
__________________
Магическое зеркало: видеть себя в других, видеть других в себе... Предпочитаю вежливость. Последний раз редактировалось BOBA; 20.10.2016 в 21:54. |
20.10.2016, 21:51 | #13 |
Старожил
Регистрация: 24.10.2006
Сообщений: 7,710
|
Понятно....
|
20.10.2016, 22:00 | #14 |
Сетевой эльф
Регистрация: 27.09.2007
Сообщений: 37,313
|
Дальше буду смотреть, у кого проще в шаблоны подсовывать свой html-javascript. Октопресс - красивый, если поправить в дефолтной теме цвет на песочно - кофейную гамму, будет то, на что мне приятно глядеть. Он сразу поидает серьезный вид сайту. Джекилл - как правило аскетичен до самого дзена, по оформлению. Мне это сейчас не вполне по душе.
__________________
Магическое зеркало: видеть себя в других, видеть других в себе... Предпочитаю вежливость. |
20.10.2016, 22:04 | #15 |
Сетевой эльф
Регистрация: 27.09.2007
Сообщений: 37,313
|
__________________
Магическое зеркало: видеть себя в других, видеть других в себе... Предпочитаю вежливость. |
20.10.2016, 22:51 | #16 |
Старожил
Регистрация: 24.10.2006
Сообщений: 7,710
|
Ага, вручную.
|
20.10.2016, 22:56 | #17 |
Шволочь. И провокатор.
Регистрация: 12.02.2006
Сообщений: 31,211
|
__________________
... Survivors will be shot again. |
20.10.2016, 23:00 | #18 | |
Шволочь. И провокатор.
Регистрация: 12.02.2006
Сообщений: 31,211
|
Цитата:
псы. да. мне такое возможно скоро грозит.
__________________
... Survivors will be shot again. |
|
21.10.2016, 02:51 | #19 |
Местный
Регистрация: 23.03.2013
Адрес: Москва - Пекин
Сообщений: 257
|
— О, Мой Бог! Нет! Никто больше не использует верстку вручную. Ты должен попробовать React: это — 2016!
Хе-хе... — Эй, я получил новый веб-проект, но, если честно, я не занимался веб-кодингом в течение нескольких лет, и я слышал, все немного поменялось. Ты же самый современный веб-разработчик, правда? — Это теперь называется Front-End инженер, но да, я — именно он. Я работаю с вебом в 2016. Визуализации, музыкальные плееры, летающие дроны, которые играют в футбол, все что угодно. Я только что вернулся из JsConf и ReactConf, так что я знаю новейшие технологии для создания веб-приложений. — Круто. Мне нужно создать страницу, которая отображает последние действия со стороны пользователей, так что мне просто нужно получить данные от REST и отобразить их в какой-то фильтруемой таблице, ну и обновлять её, если что-то изменится на сервере. Я думал, может быть, использовать JQuery для извлечения и отображения данных?... Дальше по ссылке https://habrahabr.ru/post/312022/ |
21.10.2016, 19:20 | #20 |
Старожил
Регистрация: 24.10.2006
Сообщений: 7,710
|
Искремас, из неупомянутого в статье я использую Bootstrap.
|
22.10.2016, 16:31 | #21 |
Вольная мастерица
Регистрация: 26.11.2008
Адрес: Пока Кармиэль
Сообщений: 26,047
|
А я свой блог на вордпрессе создала.
Сейчас пытаюсь туда оптимайзпресс поставить, да никак не соберусь. Видимо, придется к профи обращаться.
__________________
Плохой купил ты телевизор - В нем лишь убийства и разврат. Верни наш старый чёрно-белый Про мир гагарин и мосфильм. Предпочитаю вежливость. |
26.10.2016, 18:58 | #22 |
Старожил
Регистрация: 24.10.2006
Сообщений: 7,710
|
Вова, а твоя дочь интересуется программированием или хотела бы вести свой блог?
Когда Миша был маленький мы сделали с ним вебсайт - фан-сайт для одной из MRPG. У нас там был форум. В основном занимались этим Вова (который мой муж) и Миша, поскольку они играли в эту MRPG. Они устраивали конкурсы, показывали статистики, давали советы касательно игровой стратегии и т.п. Я им в основном помогала с дизайном и настройками форума. Потом уже где-то в старших классах Миша с друзьями создали вебсайт. В числе прочего они выкладывали там свои видео на разные темы, в основном обучательного либо описательно характера. Из разряда "Есть такой софт, есть такая игра". Посколько гугл стал вставлять рекламу в их видео-ролики, то им шла некоторая сумма, небольшая, но достаточная например для того, чтобы они заказали себе майки с эмблемой сайта. Знаю еще некоторых людей, которые вместе с детьми делали блоги. Например, мы играли в бридж с одним товарищем и его дочкой - сейчас они живут в Канаде, но родом из Болгарии. Зовут Цветалин и Албена. Вот Албена вместе со своей подругой сделали блог, на бриджевскую тему. Может твоя дочь тоже была бы заинтересована в чем-то подобном? |
28.10.2016, 12:27 | #23 |
Сетевой эльф
Регистрация: 27.09.2007
Сообщений: 37,313
|
Che,
Пока вряд ли. Пока я для себя интересуюсь, хочу завершить уже гештальт - сделать сайтообразное. ======================= Из генераторов статики самым гибким из просмотренного мне показался Middleman. Самым быстрым - Hugo. Джекил- Октопрес тормоза жуткие. Шутки ради попробовал натянуть шкурку октопресса на свой калах ...... готично так, выходит, но чтобы попрятать уши блога, нужно усилия прилагать, может еще не приспособился. понял, на что смотрю в движке - как он управляется с тэгами и категориями заметок - если система создает файлики-папочки с русскими буквами для русских тэгов - это мне не нравится, поэтому супербыстрый Хьюго пока отложен. А вот джекилл-октопресс сразу поняли, что я хочу. по миддлеману русскоязычных введений немного, и я по капле читаю https://webdesign.tutsplus.com/artic...man--cms-25275 англоязычное, и оставляю себе. https://sites.google.com/site/ooo3be...dleman-howto-1 Пока не научился говорить ему, что блог необязательно живет в корне сайта
__________________
Магическое зеркало: видеть себя в других, видеть других в себе... Предпочитаю вежливость. |
28.10.2016, 12:52 | #24 |
Шволочь. И провокатор.
Регистрация: 12.02.2006
Сообщений: 31,211
|
оно ж настраивается. или ты хочешь изолировать нафиг, чтоб мм доступ к корню не имел?
__________________
... Survivors will be shot again. |
28.10.2016, 13:58 | #25 |
Сетевой эльф
Регистрация: 27.09.2007
Сообщений: 37,313
|
я пока не знаю точно, что хочу. то есть я ясно вижу, что когда делаю сайтик получается неаккуратная лажа, и это меня огорчает, я хочу аккуратную лажу, и смотрю на тулзы которые наводят порядок .... это пока в режиме проект-питомца все.
__________________
Магическое зеркало: видеть себя в других, видеть других в себе... Предпочитаю вежливость. |
28.10.2016, 17:56 | #26 |
Старожил
Регистрация: 24.10.2006
Сообщений: 7,710
|
Успехов!
|
28.10.2016, 19:03 | #27 |
Сетевой эльф
Регистрация: 27.09.2007
Сообщений: 37,313
|
.... Пост легкой грусти - чтобы забилдить проект миддлмана пришлось слегка закоментировать одну строчку внутри библиотек - файл модуль middleman_core файл load_paths.rb строчка 15 - setup_bundler() if ENV[ ......
тк эта самая установка бандлера не давала дальше грузить модули.... вощем когда я пойму про этот самый бандлер, я познаю еще кусочег вселенской истины.
__________________
Магическое зеркало: видеть себя в других, видеть других в себе... Предпочитаю вежливость. |
28.10.2016, 23:06 | #28 |
Шволочь. И провокатор.
Регистрация: 12.02.2006
Сообщений: 31,211
|
ты енв установи. в строке запуска прям.
RAILS_ENV=production middleman ... ну или что там он хотел или не хотел. а вообще - посмотри на capistrano с точки зрения деплоя сайта. с мидлемэном он вяжется
__________________
... Survivors will be shot again. |