Мозаичный форум

Мозаичный форум (http://project.megarulez.ru/forums/index.php)
-   Цифровые технологии, программирование и сайтостроительство (http://project.megarulez.ru/forums/forumdisplay.php?f=210)
-   -   Клуб юных сайтостроителей и блоговодов (http://project.megarulez.ru/forums/showthread.php?t=26735)

BOBA 19.10.2016 10:29

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

BOBA 19.10.2016 10:42

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

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

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

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

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

BOBA 19.10.2016 10:49

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

https://git-scm.com/download

BOBA 19.10.2016 11:10

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

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

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

BOBA 19.10.2016 12:48

Еще одно замечание от капитана - очевидности. сайтостроителю понадобится командная строка, в винде удобнее всего (мне) пользоваться 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 19.10.2016 12:50

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

BOBA 19.10.2016 14:07

инициализируем 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 17:00

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

поправим _config.yml

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

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

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

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


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

BOBA 19.10.2016 18:01

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

найдем папочку 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 20.10.2016 13:47

Генератор на питоне
змею взял тут, поставил рядом с руби.
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


Часовой пояс GMT +4, время: 17:48.

Работает на vBulletin® версия 3.8.9 Beta 3.
Copyright ©2000 - 2024, Jelsoft Enterprises Ltd.
Перевод: zCarot