Создайте бесплатный домен GitHub для своего блога - Создайте блог за час (часть 2)

Ваш собственный блог

Создайте бесплатный домен GitHub для своего блога - Создайте блог за час (часть 2)

Руководство по созданию локального исходного кода, развертывание в общедоступном репозитории GitHub, получение бесплатного домена от GitHub

Эта статья - вторая из трех статей о написании собственного блога.

В этом посте я расскажу вам, как развернуть ваш блог и получить домен GitHub. Это заняло у меня около 20 минут.

Эта статья состоит из 3 разделов:

1. Соберите локальный исходный код
2. Развернуть в общедоступный репозиторий
3. Создать бесплатный домен

Дополнительную информацию можно найти на https://betterfullstack.com

Примечание. Чтобы настроить бесплатный домен из GitHub, я создам еще одну статью по этой теме.

Соберите локальный исходный код

Вы заметили, что на вашем локальном хосте есть несколько ненайденных ссылок?

Теперь мы внесем некоторые изменения в ваш блог, например:

1. Исправить ошибку ссылка не найдена
2. Создать новый пост
3. Построить проект

Ссылка для устранения проблемы не найдена

Папка source - это место, где мы будем писать сообщения для нашего блога.

Вы можете увидеть _config.yml файл внутри themes / solar-theme, он будет включать конфигурацию навигации.

Это означает, что из папки источника мы создадим еще две папки. Это дом и около, внутри которых есть index.md.

Вот общий способ добавить страницу с отсутствующими ссылками из конфигурации тем.

Создать новое сообщение

Я предпочитаю создавать новое сообщение из терминала со следующим синтаксисом:

Это сгенерирует для вас новый файл уценки с указанием даты и времени внутри файла. И это дата и время важны для сортировки всех статей.

В случае отсутствия макета новый файл уценки будет отображаться внутри макета по умолчанию. Он установлен в _config.yml.

Создайте проект

Поскольку мы пишем статьи в блогах по уценке, нам нужно преобразовать его в статический HTML.

Для этого мы запускаем npm run build, и этот синтаксис определен в package.json.

Будет создана общедоступная папка, которую мы развернем на GitHub и превратим в веб-сайт.

Развернуть в публичный репозиторий

Здесь у нас есть 2 вещи, на которые нужно обратить внимание:

1. Имя репозитория
2. Добавить пульт в общедоступную папку

Название репозитория

Вы должны следовать этому соглашению, чтобы создать имя репозитория. Это your-blog-name.github.io.

Примечание: он ДОЛЖЕН иметь .github.io.

В данном случае я создал для своего брата репозиторий с названием lequocphong.github.io.

Добавить пульт в общую папку

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

git remote add origin https://github.com/lequocphong/lequocphong.github.io.git
git add .
git commit -m "init my blog"
git push -u origin master

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

Вот последние шаги:

1. Добавить новую статью в блог
2. Проверить localhost
3. Зафиксируйте исходный код в частном репозитории
4. Исходный код сборки
5. Бо в общую папку и зафиксируйте новые статические файлы в общедоступном репозитории.

Создать бесплатный домен

Теперь в общедоступном репозитории перейдите на страницу настроек.

Затем прокрутите вниз, мы увидим страницы GitHub и выберем главную ветвь внутри раздела источника.

Тогда мы увидим

Ваш сайт опубликован по адресу« https://lequocphong.github.io , а домен блога - это имя репозитория, которое мы создали выше.

СДЕЛАНО! Теперь мы можем перейти по этой ссылке, чтобы увидеть нашу веб-страницу.

Резюме

Эта статья представляет собой руководство по созданию статьи и компоновке исходного кода, фиксации общедоступной папки в новом общедоступном репозитории и создания бесплатного домена GitHub.

Надеюсь, эта статья оказалась для вас полезной! Вы можете следить за мной на Medium. Я тоже в Твиттере. Не стесняйтесь оставлять любые вопросы в комментариях ниже. Буду рад помочь!