Szacowanie: Wyświetlanie przewidywanego czasu czytania i liczby słów

Szacowanie czasu czytania:

Kod Liquid -

{% assign reading_time = article.content | strip_html | split: ' ' | size | times: 1.0 | divided_by: 200 | ceil %}{{ reading_time }} min czytania

Oto wyjaśnienie działania kodu

assign reading_time = article.content: Tworzy zmienną o nazwie reading_time i przypisuje jej pełną treść artykułu blogowego. 

| strip_html: Ten filtr usuwa wszystkie znaczniki HTML (takie jak <p>, <strong> lub <div> itd.), dzięki czemu liczone są tylko rzeczywiste słowa.

| split: ' ': Zamienia długi ciąg tekstu na listę (tablicę), dzieląc go za każdym razem, gdy napotka spację. Należy pamiętać, że użycie ‘’ (bez spacji) zwróci liczbę znaków.

| size: Liczy całkowitą liczbę elementów na tej liście, co w praktyce daje całkowitą liczbę słów artykułu.

| times: 1.0: Konwertuje liczbę całkowitą na liczbę zmiennoprzecinkową (float). Jest to konieczne, aby zapewnić precyzyjne dzielenie w następnym kroku i uniknąć natychmiastowego zaokrąglania w dół.

| divided_by: 200: Dzieli całkowitą liczbę słów przez 200 (zakładamy średnią liczbę słów czytanych na minutę – w rzeczywistości 200 słów na minutę to standard branżowy).

| ceil: Zaokrągla wynik w górę do najbliższej liczby całkowitej (np. 2,1 minuty staje się „3 min czytania”).

{{ reading_time }} min czytania: Wyświetla na stronie ostatecznie obliczoną liczbę, a następnie tekst „min czytania”.

Liczba słów: 

{% assign word_count = article.content | strip_html | split: ' ' | size %}{{ word_count }} słów

Ponieważ logika liczenia słów opiera się na tych samych krokach wyjaśnionych powyżej, nie będziemy ich tutaj powtarzać.

Szacowanie czasu czytania i liczby słów za pomocą kodu Liquid to wysoce wydajne, natywne rozwiązanie zwiększające zaangażowanie użytkowników bloga bez polegania na obciążających stronach zewnętrznych aplikacjach.