лабораторная работа №3
Создание персонального сайта
Цель работы — повторить основы веб-технологий, создать персональную страницу на бесплатном хостинге. Язык разметки markdown, конвертирование документа в формат html
Свободно распространяемый софт оказал огромное влияние на ИТ мир. Не только отдельные программы, языки программирования, операционные системы стали открытыми и свободно доступными, многие сервисы также можно использовать бесплатно, либо с какими-то ограничениями, либо же полностью свободными изначально. Один из таких сервисов — это хостинг статичных веб-страниц https://pages.github.com/
Выбираем опцию «User or organization site» и переходим к шагу 1. - создание персонального репозитория в https://github.com/. Это тот же самый репозиторий используемый миллионами программистов по всему миру для совместной работы над открытими программами. В нашем случае мы будем использовать его для создания персонального сайта, но в вашем распоряжении будут все возможности что и у известнейших глобальных проектов. Первым делом надо придумать уникальное ещё не занятое username своему проекту. Это имя станет в дальнейшем адресом вашего сайта в виде https://ophilon.github.io/, где вместо моего имени ophilon будет стоять ваше:
Не пугайтесь головоломки, проверяющей что вы не робот. Надо сделать правильный выбор до 5 раз без ошибок. Так гитхаб защищается от роботов. Сервис, который они предоставляют, это не только хостинг, репозитарий кода, сервис git со встроенным контролем версий, но также и домен 3-го уровня, ophilon в моём случае. Захватив красивое доменное имя на бесплатном хостинге, даже 3-го уровня, кто-то может попытаться его продать.
После того, как вы создали аккаунт в гитхабе, откроется страница с первоначальными настройками:
Далее выбираем дополнительные опции. Пояснения к выбираемым опциям:
1. Owner, или владелец — это ваш гитхаб аккаунт. Вы как владелец
обладаете всеми правами и управляете доступом для других
пользователей.
2. Repository name, имя репозитария на английском языке.
Это имя в дальнейшем надо будет указать в настройках
как корневое (root) для вашего сайта.
3. Description, или описание — краткое описание вашего проекта или сайта
4. Доступ к сайту: Public или Private. Для нашего практикума надо выбрать
первое — публичный сайт с правом читать для любого пользователя
и-нета. Право изменять страницы даётся индивидуально в любом
случае.
5. Add a README file, добавить файл README.md показываемый пока не будет
создана настоящая страница index.html
6. Add .gitignore — создать специальный файл, указывающий серверу
гитхаб какие файлы не пересылать при синхронизации содержимого
сайта. Формат и команды работы с программой git обсудим на
следующем практикуме.
7. Choose a license, выбрать лицензию для содержимого сайта. Можете
выбрать любую, их довольно много и отличия в юридических
тонкостях. Оставлять безо всякой лицензии нежелательно из тех же
соображений, что любые правила лучше полного отсутствия правил.
8. Всё готово, можно нажимать «Create repository»
Ваш новый персональный сайт создан, но он пока практически пуст, и если его открыть в браузере, покажет только содержимое стандартного файла README. Теперь добавим что-нибудь своё в этот файл. Давайте откроем в браузере две вкладки, первая это гитхаб вашего проекта, он будет показан если вы зайдёте под своим аккаунтом на https://github.com/, или нажмёте ссылку в левом верхнем углу (чёрный котик в белом круге) с любой страницы гитхаба. Во второй вкладке откройте ваш новый персональный сайт, например https://ophilon.github.io/blog/ в моём случае.
Возможно, вам понадобится некоторое время чтобы привыкнуть - в первой вкладке т. н. сырое (raw) содержимое сайта, пока что обычный текстовый файл, а во второй вкладке откроется страница как она отформатирована в браузере.
Процесс форматирования .html страницы в браузере называется рендеринг, для него существуют несколько технологий — собственно язык разметки HTML, язык стилей CSS, встроенный в браузер интерпретатор языка программирования JavaScript и его разные версии. Немного подробнее о веб-технологиях есть статья на сайте GomelUG: https://ophilon.github.io/gomelug/articles/make-site.html
Мы для начала попробуем только упрощённую версию языка разметки MarkDown, обычно файлы с расширением .md. Язык разметки MarkDown придуман чтобы дать возможность пользователям форматировать текст начиная с простейших команд — параграфы, заголовки, списки, цитаты, минимальный набор шрифтов. По заглавной странице этого блога есть ссылка на руководство по языку разметки markdown. Возможно, стоит открыть его в ещё одной вкладке браузера и попробовать эти возможности языка MarkDown на файле README.md вашего проекта. В терминологии git сохранение отредактированного файла в репозитарии называется commit, не забудьте нажать кнопку commit ниже области редактирования чтобы сохранить файл.