のアップグレード❤

3269 ワード
markdown jamstack coffeescript eleventy テキストリンク
私はフロントエンドのためのYAMLの代わりにCoffeeScriptを使い始めました、そして、それは夢のように働きます.

フロントマスとの射程
私の知る限り、JekyllはメタデータのためのMarkdownファイルの上部にYAMLブロックを使用する起源です.これがなぜポピュラーになったのかを想像するのは難しいことではありません.散文をデータと関連づけるのは一般的なユースケースです.
[1]
根本的な正面
は、ファイルのすべての種類のフロントエンドブロック(---によって区切られた)を使用しています.マークダウンポスト、HTMLパーティションとNunjucks/ejs/液体/...テンプレートは、すべて彼らを持つことができます.フロントエンドのデータをテンプレートで使用できます.以下はtitleである.
--------
title: 'A Blog Post'
--------

# {title}

Lorem ipsum dolor sit amet...
我々は、name、headingまたはkdsad983erj33を使用することができました.
エレベータの 機能はフロントエンドの機能に依存します.YAMLが関数を持っていないので、JSを使用することが期待されます.
--------js
{
  title: "My page title",
  eleventyComputed: {
    currentDate: () =>
      new Date().toLocaleString() 
  }
}
--------
<!doctype html>
<html>
<!-- … -->
<body>
  <h1>{{title}}</h1>
  <p>Published on {{currentDate}}</p>
  <!-- … -->
計算されたデータはクールです.とりわけ、それは私が私のテンプレートからロジックを移動し、実際のプログラミング言語でそれを表現することができます.しかし、JS FrontMatterは非常にきれいではありません、そして、私はちょうど1つの機能のために私の全frontmatterを変えたくありません.
JSの表現力があった言語と、YAMLの視覚的なクリーンなデータ表記があれば・・・.
“Computed Data”
CoffeeScriptすべての時間!
CoffeeScriptは、24579142、FrontMatterを解析するために図書館エレベーターUeseのためにGithub Repoで実際に言及されます.YAMLと比較して、それはもっと冗長ではありません.

--------
title: Street sign in İstanbul
date: 2020-10-10T19:27:39+03:00
tags:
- place
- design
uPhoto: /assets/photos/IMG20201007085906-02.jpeg
türkçe: /2020/istanbul-sokak-tabelasi/
--------

<!-- YAML -->


--------
title: 'Street sign in İstanbul'
date: '2020-10-10T19:27:39+03:00'
tags: ['place', 'design']
uPhoto: '/assets/photos/IMG20201007085906-02.jpeg'
türkçe: '/2020/istanbul-sokak-tabelasi/'
--------

<!-- CoffeeScript -->
上記のcoffeescriptコードは、実際に完全にYAML互換性です!これは私のテンプレートをポータブル保つ.と計算されたデータを
--------
layout: 'layout'
eleventyComputed:
  syndicationLinks: (data) ->
    DEV: data.devToSyndication[data.page.url]
--------

<article class="h-entry">
<!-- ... -->
{%for silo, link in syndicationLinks%}
  <a class="u-syndication" href="{{link}}">{{silo}}</a>
  {%if not loop.last%} | {%endif%}
{%endfor%}
計算されたフロントは、ロジックレスロジック とロジックフルテンプレートの素晴らしいバランスを与えると思います.
何かを「人間が読める」と呼ぶとき、人々は本当に意味するものです.[2]
Logiclessテンプレート:HTMLマンスリーカレンダーを作る必要はありません人々のため!↩︎
MySQLスレッドのデッドロックIDを検索する方法
MySqlフル・バックアップ、インクリメンタル・バックアップおよびリカバリ