Підручник із новою статтею Jekyll, навчіться писати статті та нехай ваші слова летять!

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

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

він використовує Markdown і мова шаблонів Liquid, що дозволяє легко створювати красиві динамічні веб-сайти.

Підручник із новою статтею Jekyll, навчіться писати статті та нехай ваші слова летять!

Як створити нову статтю в Jekyll?

Ось кроки, як використовувати Jekyll для написання статей:

1. Створіть новий файл статті

У папці веб-сайту Jekyll створіть новий файл Markdown, назва якого має закінчуватися на .md кінець.

Папка з повідомленнями

Ось цей_postsУ папці зберігаються ваші дописи в блозі. Ви використовуєте Markdown для створення публікацій, але HTML також підтримується.

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

YEAR-MONTH-DAY-title.MARKUP

Серед них YEAR — чотиризначне число, MONTH і DAY — двозначні числа, а 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.

Блог Hope Chen Weiliang ( https://www.chenweiliang.com/ ) поділився «Підручником щодо нових статей Джекіла, навчіться писати статті та зробіть так, щоб ваші слова летіли!» 》, корисно для вас.

Ласкаво просимо поділитися посиланням на цю статтю:https://www.chenweiliang.com/cwl-31585.html

Щоб розкрити більше прихованих хитрощів🔑, приєднуйтесь до нашого Telegram-каналу!

Поділіться та поставте лайк, якщо вам подобається! Ваші розповсюдження та вподобання — наша постійна мотивація!

 

发表 评论

Ваша електронна адреса не буде опублікована. 必填 项 已 用 * Етикетка

Прокрутка до початку