Учебное пособие по новым статьям Jekyll, научитесь писать статьи и заставляйте свои слова летать!

🚀💡 ДжекилНовое руководство по статьям поможет вам овладеть навыками письма, позволить своим словам летать и стать королем контента! Начните сегодня и покорите мир своим творчеством! 📝✨

Jekyll — это простая платформа в стиле блога для создания статических веб-сайтов.

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

Учебное пособие по новым статьям Jekyll, научитесь писать статьи и заставляйте свои слова летать!

Как создать новую статью в Jekyll?

Вот шаги по использованию Jekyll для написания статей:

1. Создайте новый файл статьи.

В папке вашего веб-сайта Jekyll создайте новый файл Markdown, имя которого должно заканчиваться на .md конец.

Папка сообщений

Вот этот_postsВ этой папке хранятся сообщения вашего блога. Вы используете Markdown для создания сообщений, но также поддерживается HTML.

Чтобы создать публикацию в статье, просто начните с .md добавьте конечный файл в свой_postsкаталог, формат следующий:

YEAR-MONTH-DAY-title.MARKUP

Среди них ГОД — четырехзначное число, МЕСЯЦ и ДЕНЬ — двузначные числа, а РАЗМЕТКА — расширение файла, указывающее формат, используемый в файле. Например, ниже приведены примеры допустимых имен файлов сообщений:

2011-12-31-new-years-eve-is-awesome.md
2012-09-12-how-to-write-a-blog.md
  • Все файлы сообщений в блоге должны начинаться с преамбулы, которая задает макет или другие метаданные.

2. Добавьте контент статьи

Добавьте содержимое статьи, используя синтаксис Markdown.

Вы можете использовать Markdown для форматирования текста, добавления изображений, создания списков и многого другого...

3. Добавьте метаданные статьи

Вверху статьи добавьте префикс YAML.

Префикс содержит информацию о вашей статье, такую ​​как название, автор и дата.

Вот пример статьи:

---
layout: post
title: 我的第一篇文章
author: 陈沩亮
date: 2024-4-12
---

# 这是一些文本

## 这是一个标题

![这是一个图像](https://www.example.com/image.jpg)

* 这是一个列表项
* 这是另一个列表项

这是一个链接:[https://www.example.com/](https://www.example.com/)
  • Пожалуйста, используйте код с осторожностью.

4. Предварительный просмотр вашей статьи

使用 jekyll serve команда для запуска сервера Jekyll.

访问 http://localhost:4000/your-article.md чтобы просмотреть вашу статью.

5. Структурируйте свою статью

使用 jekyll build команда для создания вашего сайта.

Построенная статья будет расположена по адресу _site/your-article.html 文件 中。

Нажмите ссылку ниже, чтобы узнать, как использовать Jekyll для автоматического создания статей, что упрощает обновление вашего блога ▼

Статьи не найдены

Как удалить дату из URL-адреса статьи Jekyll?

Чтобы удалить даты из URL-адресов статей Jekyll, вы можете изменить конфигурацию Jekyll или использовать собственную структуру постоянных ссылок.

Этого можно добиться, изменив конфигурацию Jekyll.

оказаться _config.yml Файл: этот файл содержит настройки конфигурации Jekyll и обычно находится в корневом каталоге вашего сайта Jekyll.

编辑 permalink Настройки: в _config.yml найден в файле permalink Настраивать.

  • Обычно это выглядит так:
permalink: /:year/:month/:day/:title
  • После установки Jekyll он может быть недоступен по умолчанию. permalink Настройки необходимо добавить самостоятельно.

Удалить компонент даты: Изменить permalink Установите для удаления компонента даты (/year/:month/:day).

  • Например, чтобы создать постоянную ссылку, содержащую только заголовок статьи, используйте:
permalink: /posts/:title:output_ext

Сохранить и восстановить: Сохранить _config.yml файл,

Восстановите свой сайт Jekyll: используйтеjekyll buildjekyll serve.

Блог Хоуп Чен Вейлян ( https://www.chenweiliang.com/ ) поделился «Учебным пособием по новым статьям Jekyll, научитесь писать статьи и заставляйте свои слова летать!» 》, полезно для тебя.

Добро пожаловать, чтобы поделиться ссылкой на эту статью:https://www.chenweiliang.com/cwl-31585.html

Чтобы раскрыть еще больше скрытых трюков🔑, присоединяйтесь к нашему каналу в Telegram!

Поделитесь и поставьте лайк, если вам понравилось! Ваши репосты и лайки — наша постоянная мотивация!

 

发表 评论

Ваш адрес электронной почты не будет опубликован. 必填 项 已 用 * 标注

Наверх