Создайте блог Hugo и разверните его на Github.

помещение

  1. Обязательно настройте git. Конкретные руководства см. в разделе Создание шестнадцатеричного блога под Windows и его развертывание на github.

  2. Рекомендуется установить Windows Terminal в Microsoft Store для облегчения последующих операций.

изображение-20210310082338604

Установить

  1. Загрузка: перейдите на домашнюю страницу GitHub, чтобы загрузить https://github.com/gohugoio/hugo/releases.

    изображение-20210310080453206

    После скачивания и распаковки вы можете получить

    изображение-20210310080916612

  2. Настройте переменные среды: добавьте каталог, в котором находится Hugo.exe, в системную переменную среды Путь.

    Скопируйте каталог, где находится Hugo.exe выше

    изображение-20210310080947304

    Открытие и редактирование переменных системной среды

    изображение-20210310081137997

    Выберите переменные среды

    изображение-20210310081215698

    Щелкните системную переменную «Путь» ниже и выберите «Изменить».

    изображение-20210310081345063

    Нажмите «Создать» справа и вставьте в него скопированный путь.

    изображение-20210310081725299

    Затем нажмите OK до упора, чтобы выйти

  3. Проверка: откройте терминал, введите

hugo version

изображение-20210310081923874

Если появится номер версии, установка прошла успешно

запускать

  1. Создайте папку блога: создайте блог в папке с именем tmp.

    изображение-20210310082757147

    Откройте терминал и перейдите в этот каталог

    изображение-20210310082836219

    Введите команду для создания блога

hugo new site myblog

изображение-20210310082903028

Блог создан, и по этому пути создается каталог с именем myblog.

изображение-20210310083024849

Перейдите в каталог myblog для последующих операций.

изображение-20210310083214295

  1. Загрузите тему https://themes.gohugo.io/, установите ее в соответствии с требованиями темы и измените config.toml.

    Возьмите тему m10c в качестве примера.

    изображение-20210310083616412

    Внизу страницы есть подсказки

    изображение-20210310083659698

    То есть клонировать склад в директорию myblog

git clone [email protected]:vaga/hugo-theme-m10c.git themes/m10c

изображение-20210310083926147

В настоящее время каталог темы m10c создается в каталоге myblog/themes.

изображение-20210310084054141

Затем откройте файл config.toml в каталоге myblog.

изображение-20210310084147742

добавить строку

изображение-20210310084236183

  1. начать блог
hugo server --theme=m10c -D

изображение-20210310084317807

Теперь блог запущен на порту 1313 этой машины, введите в поле поиска браузера localhost:1313, чтобы увидеть сгенерированный блог

изображение-20210310084504979

Нажмите Ctrl + C, чтобы закрыть блог

  1. Создать статью: введите команду
hugo new post/first.md

изображение-20210310084739298

На данный момент в myblog/content/postкаталоге

изображение-20210310084807367

открыть файл для редактирования

изображение-20210310084928125

Обратите внимание, что выше draftуказано , является ли статья черновиком, и по умолчанию trueэтот черновик не будет отображаться на веб-сайте.

Введите команду еще раз

hugo server --theme=m10c -D

чтобы увидеть изменения

изображение-20210310085159036

изображение-20210310085210434

развертывать

  1. Создайте новый склад на Githubusername.github.io

    Должно быть username.github.io, usernameдля вашего имени пользователя Github

  2. Используйте Hugo для создания веб-страниц и размещения их на складе GitHub.

hugo --theme=m10c --baseUrl="https://wjl-lab.github.io/" -D
  1. myblog/publicПереместите каталог в главную ветку только что созданного хранилища.
cd public
git init
git add .
git commit -m "message"
git remote add origin https://github.com/wjl-lab/wjl-lab.github.io.git
git push -u origin master
  1. Посетите веб-сайт wjl-lab.github.io

добавить статью

hugo new post/xxx.md
hugo --theme=m10c --baseUrl="https://wjl-lab(username).github.io/" -D
cd public
git add .
git commit -m "message"
git push
  • создать статью

  • Создавайте страницы с Хьюго

  • отправить в удаленный репозиторий на GitHub

Изменить настройку

Узнайте сами. . .

исправить проблемы с изображением

  1. Изображения помещаются в статический каталог
![](/images/images.jpg)
  1. Изображения помещаются в папку с тем же именем, что и файл блога.
![](images.jpg)
  1. Используйте PicGo + Gitee для создания кровати-картинки

Конкретные руководства см. в статье о строительстве кровати на карте picgo-gitee.

Supongo que te gusta

Origin blog.csdn.net/wji15/article/details/126632895
Recomendado
Clasificación