Индивидуальный проект <Этап 1>

Задание

  • Размещение на Github заготовки для персонального сайта
  • Установка фотографии владельца сайта
  • Установка описания владельца сайта

Выполнение

Размещение сайта на github

  1. Организация рабочего пространства (команда mkdir). (рис.2.1 и рис.2.2)

создание каталогов{ #fig1:1 width=100% }

создание каталогов(продолжение){ #fig1:1 width=100% }

  1. Создаем директорию blog (mkdir), переходим в нее (cd) и скачиваем туда шаблон нашего будущего сайта (git clone). (рис.2.3)

скачивание шаблона{ #fig1:1 width=100% }

  1. Запускаем hugo (hugo). (рис.2.4)

скачивание шаблона{ #fig1:1 width=100% }

  1. Удаляем ненужные файлы (rm). (рис.2.5)

удаление файлов из шаблона{ #fig1:1 width=100% }

  1. Инициализируем git (git init), коммитим (git add . и git commit). (рис.2.6)

работа с git{ #fig1:1 width=100% }

  1. Создаем репизитории н для сайта на github. (рис.2.7)

список репозиторий на github{ #fig1:1 width=100% }

  1. Выкладываем репозиторий на github (remote add origin, push). (рис.2.8)

выкладывание репозитория на Github{ #fig1:1 width=100% }

  1. Создание подмодуля (git submodule add). (рис.2.9)

создание подмодуля{ #fig1:1 width=100% }

  1. Добавляем все в локальный репозиторий git и отправляем его в удаленный репозиторий на GitHub. (рис.2.10)

выкладка данных в удаленный репозиторий{ #fig1:1 width=100% }

  1. Обновляем HTML через hugo (hugo, git add, git commit). (рис.2.11)

выкладывание репозитория на Github{ #fig1:1 width=100% }

  1. Выкладываем все на github(git push). (рис.2.11)

выкладывание репозитория на Github{ #fig1:1 width=100% }

Смена аватара владельца

Заменяем картирнку avatar.jpg на нашу с таким же наименованием в папке …/blog/git/content/authors.

Изменение информации о пользователе

  1. В папке …/blog/git/content/authors открываем файл _index.md и редактируем его.

редактирование _index.md{ #fig1:1 width=100% }

  1. Обновляем наш сайт через hugo и github (hugo, git add, git commit).

запускаем hugo{ #fig1:1 width=100% }

обновляем данные{ #fig1:1 width=100% }

Результат

мой сайт-визитка{ #fig1:1 width=100% }

Ишанова Алина Ильдаровна
Ишанова Алина Ильдаровна
студентка

Второкурсница.