Syntax highlighting

This commit is contained in:
Boris Verkhovskiy 2024-04-03 04:16:08 -07:00
parent ae7197c6a6
commit 787e9710b9
17 changed files with 47 additions and 43 deletions

View File

@ -34,7 +34,7 @@ review them more effectively and/or individually.
* **Use UTF-8** * **Use UTF-8**
* For translations (or EN articles with non-ASCII characters) please ensure * For translations (or EN articles with non-ASCII characters) please ensure
your file is UTF-8 encoded. your file is UTF-8 encoded.
* Try to leave out the byte-order-mark at the start of the file (in Vim, use * Leave out the byte-order-mark (BOM) at the start of the file (in Vim, use
`:set nobomb`). `:set nobomb`).
* You can check if the file contains a BOM on Linux/Unix systems by running * You can check if the file contains a BOM on Linux/Unix systems by running
`file language.html.markdown` You will see this if it uses a BOM: `file language.html.markdown` You will see this if it uses a BOM:
@ -76,7 +76,11 @@ lang: ep-ep
*-- *--
``` ```
### Should I add myself as a Contributor? ### Syntax highlighter
[Rouge](https://github.com/rouge-ruby/rouge/wiki/List-of-supported-languages-and-lexers) is used for syntax highlighting.
### Should I add myself as a contributor?
If you want to add yourself to contributors, keep in mind that contributors get If you want to add yourself to contributors, keep in mind that contributors get
equal billing, and the first contributor usually wrote the whole article. Please equal billing, and the first contributor usually wrote the whole article. Please

View File

@ -8,7 +8,7 @@ filename: learnvisualbasic-de.vb
lang: de-de lang: de-de
--- ---
``` ```visualbasic
Module Modul1 Module Modul1
Sub Main() Sub Main()

View File

@ -13,7 +13,7 @@ Forth fue criado por Charles H. Moore en los 70s. Forth es un lenguaje imperativ
Nota: Este articulo enfoca predominantemente en la Gforth implementación de Forth, pero casi todo Nota: Este articulo enfoca predominantemente en la Gforth implementación de Forth, pero casi todo
de lo que esta escrito aquí debe funcionar en otro sitio. de lo que esta escrito aquí debe funcionar en otro sitio.
``` ```forth
\ Este es un comentario \ Este es un comentario
( Este es un comentario también pero solo esta usado cuando definiendo palabras. ) ( Este es un comentario también pero solo esta usado cuando definiendo palabras. )

View File

@ -8,7 +8,7 @@ filename: learnvisualbasic-es.vb
lang: es-es lang: es-es
--- ---
``` ```visualbasic
Module Module1 Module Module1
Sub Main() Sub Main()

View File

@ -15,7 +15,7 @@ El lenguaje de Wolfram tiene varias interfaces:
El código de este ejemplo se puede escribir en cualquier interfaz y editarlo con Wolfram Workbench. Cargar directamente en Matematica puede resultar incómodo porque el archivo no contiene información de formato de celda (lo que haría que el archivo sea un desastre enorme para ser leído como texto) - puede ser visto / editado pero tal vez requerira algún ajuste. El código de este ejemplo se puede escribir en cualquier interfaz y editarlo con Wolfram Workbench. Cargar directamente en Matematica puede resultar incómodo porque el archivo no contiene información de formato de celda (lo que haría que el archivo sea un desastre enorme para ser leído como texto) - puede ser visto / editado pero tal vez requerira algún ajuste.
``` ```mathematica
(* Esto es un comentario *) (* Esto es un comentario *)
(* En Mathematica en lugar de utilizar estos comentarios, puede crear una celda de texto (* En Mathematica en lugar de utilizar estos comentarios, puede crear una celda de texto

View File

@ -29,21 +29,21 @@ filename: learncss-fa.css
<p dir='rtl'>در CSS همه توضیحات داخل ستاره-بروم نوشته میشوند زیرا CSS دستوری برای توضیحات تک خطی مثل C ندارد</p> <p dir='rtl'>در CSS همه توضیحات داخل ستاره-بروم نوشته میشوند زیرا CSS دستوری برای توضیحات تک خطی مثل C ندارد</p>
```CSS ```css
/* comments appear inside slash-asterisk, just like this line! /* comments appear inside slash-asterisk, just like this line!
there are no "one-line comments"; this is the only comment style */ there are no "one-line comments"; this is the only comment style */
``` ```
<p dir='rtl'>به طور کلی دستورات CSS بسیار ساده هستند که در آن یک انتخابگر (selector) عنصری را در روی صفحه هدف قرار میدهد.</p> <p dir='rtl'>به طور کلی دستورات CSS بسیار ساده هستند که در آن یک انتخابگر (selector) عنصری را در روی صفحه هدف قرار میدهد.</p>
```CSS ```css
selector { property: value; /* more properties...*/ } selector { property: value; /* more properties...*/ }
``` ```
<p dir='rtl'>با استفاده از ستاره می توان برای همه عناصر روی صفحه استایل تعریف کرد</p> <p dir='rtl'>با استفاده از ستاره می توان برای همه عناصر روی صفحه استایل تعریف کرد</p>
```CSS ```css
* { color:red; } * { color:red; }
``` ```
@ -55,129 +55,129 @@ selector { property: value; /* more properties...*/ }
<p dir='rtl'>شما میتوانید با استفاده از نام کلاس آنرا انتخاب کنید</p> <p dir='rtl'>شما میتوانید با استفاده از نام کلاس آنرا انتخاب کنید</p>
```CSS ```css
.some-class { } .some-class { }
``` ```
<p dir='rtl'>یا با استفاده از نام دو کلاس</p> <p dir='rtl'>یا با استفاده از نام دو کلاس</p>
```CSS ```css
.some-class.class2 { } .some-class.class2 { }
``` ```
<p dir='rtl'>یا با استفاده از نام id</p> <p dir='rtl'>یا با استفاده از نام id</p>
```CSS ```css
#someId { } #someId { }
``` ```
<p dir='rtl'>یا با استفاده از نام خود عنصر</p> <p dir='rtl'>یا با استفاده از نام خود عنصر</p>
```CSS ```css
div { } div { }
``` ```
<p dir='rtl'>یا با استفاده از `attr`</p> <p dir='rtl'>یا با استفاده از `attr`</p>
```CSS ```css
[attr] { font-size:smaller; } [attr] { font-size:smaller; }
``` ```
<p dir='rtl'>یا با استفاده از ارزشی که برای `attr` مشخص شده</p> <p dir='rtl'>یا با استفاده از ارزشی که برای `attr` مشخص شده</p>
```CSS ```css
[attr='value'] { font-size:smaller; } [attr='value'] { font-size:smaller; }
``` ```
<p dir='rtl'>با استفاده از ارزشی که برای `attr` مشخص شده و آن ارزش با `val` شروع میشود در CSS3</p> <p dir='rtl'>با استفاده از ارزشی که برای `attr` مشخص شده و آن ارزش با `val` شروع میشود در CSS3</p>
```CSS ```css
[attr^='val'] { font-size:smaller; } [attr^='val'] { font-size:smaller; }
``` ```
<p dir='rtl'>با استفاده از ارزشی که برای `attr` مشخص شده و آن ارزش با `ue` به پایان میرسد در CSS3</p> <p dir='rtl'>با استفاده از ارزشی که برای `attr` مشخص شده و آن ارزش با `ue` به پایان میرسد در CSS3</p>
```CSS ```css
[attr$='ue'] { font-size:smaller; } [attr$='ue'] { font-size:smaller; }
``` ```
<p dir='rtl'>یا با انتخاب بوسیله یکی از ارزشهایی که در لیست `otherAttr` بوسیله فاصله از هم جدا شده اند در CSS3</p> <p dir='rtl'>یا با انتخاب بوسیله یکی از ارزشهایی که در لیست `otherAttr` بوسیله فاصله از هم جدا شده اند در CSS3</p>
```CSS ```css
[attr$='ue'] { font-size:smaller; } [attr$='ue'] { font-size:smaller; }
``` ```
<p dir='rtl'>یا ارزش(`value`) دقیقاً خود ارزش(`value`) یا بوسیله `-` که یونیکد (U+002D) از حرف بعدی جدا شود</p> <p dir='rtl'>یا ارزش(`value`) دقیقاً خود ارزش(`value`) یا بوسیله `-` که یونیکد (U+002D) از حرف بعدی جدا شود</p>
```CSS ```css
[otherAttr|='en'] { font-size:smaller; } [otherAttr|='en'] { font-size:smaller; }
``` ```
<p dir='rtl'>و مهمتر از همه اینکه میتوان آنها را ترکیب کرد. نکته مهمی که در اینجا باید مد نظر داشته باشید این است که هنگام ترکیب نباید هیچگونه فاصله ای بین آنها قرار گیرد زیرا در این حالت معنای دستور تغییر میکند</p> <p dir='rtl'>و مهمتر از همه اینکه میتوان آنها را ترکیب کرد. نکته مهمی که در اینجا باید مد نظر داشته باشید این است که هنگام ترکیب نباید هیچگونه فاصله ای بین آنها قرار گیرد زیرا در این حالت معنای دستور تغییر میکند</p>
```CSS ```css
div.some-class[attr$='ue'] { } div.some-class[attr$='ue'] { }
``` ```
<p dir='rtl'>CSS این امکان را به شما میدهد که یک عنصر را بوسیله والدین آن انتخاب کنید</p> <p dir='rtl'>CSS این امکان را به شما میدهد که یک عنصر را بوسیله والدین آن انتخاب کنید</p>
<p dir='rtl'>برای مثال دستور زیر همه عناصری را که نام کلاس آنها <span dir="ltr">`.class-name`</span> و دارای پدر و مادری با این مشخصه <span dir="ltr">`div.some-parent`</span> هستند را انتخاب میکند.</p> <p dir='rtl'>برای مثال دستور زیر همه عناصری را که نام کلاس آنها <span dir="ltr">`.class-name`</span> و دارای پدر و مادری با این مشخصه <span dir="ltr">`div.some-parent`</span> هستند را انتخاب میکند.</p>
```CSS ```css
div.some-parent > .class-name {} div.some-parent > .class-name {}
``` ```
<p dir='rtl'>یا دستور زیر که همه عناصری را که نام کلاس آنها <span dir="ltr">`.class-name`</span> و داخل عنصری با مشخصه <span dir="ltr">`div.some-parent`</span> هستند را در هر عمقی که باشند (یعنی فرزندی از فرزندان <span dir="ltr">`div.some-parent`</span><span dir="ltr"> باشند) انتخاب میکند.</p> <p dir='rtl'>یا دستور زیر که همه عناصری را که نام کلاس آنها <span dir="ltr">`.class-name`</span> و داخل عنصری با مشخصه <span dir="ltr">`div.some-parent`</span> هستند را در هر عمقی که باشند (یعنی فرزندی از فرزندان <span dir="ltr">`div.some-parent`</span><span dir="ltr"> باشند) انتخاب میکند.</p>
```CSS ```css
div.some-parent .class-name {} div.some-parent .class-name {}
``` ```
<p dir='rtl'>نکته ای که در اینجا باید به آن توجه کنید این است که این رستور با فاصله ای بین نام دو کلاس همراه است و با مثال زیر که در بالا هم ذکر شد تفاوت دارد.</p> <p dir='rtl'>نکته ای که در اینجا باید به آن توجه کنید این است که این رستور با فاصله ای بین نام دو کلاس همراه است و با مثال زیر که در بالا هم ذکر شد تفاوت دارد.</p>
```CSS ```css
div.some-parent.class-name {} div.some-parent.class-name {}
``` ```
<p dir='rtl'>دستور زیر همه عناصری را که نام کلاس آنها <span dir="ltr">`.this-element`</span> و بلافاصله بعد از عنصری با مشخصه <span dir="ltr">`.i-am-before`</span> قرار دارد را انتخاب میکند.</p> <p dir='rtl'>دستور زیر همه عناصری را که نام کلاس آنها <span dir="ltr">`.this-element`</span> و بلافاصله بعد از عنصری با مشخصه <span dir="ltr">`.i-am-before`</span> قرار دارد را انتخاب میکند.</p>
```CSS ```css
.i-am-before + .this-element { } .i-am-before + .this-element { }
``` ```
<p dir='rtl'>هر خواهر یا برادری که بعد از <span dir="ltr">`.i-am-before`</span> بیاید در اینجا لازم نیست بلافاصله بعد از هم قرار بگیرند ولی باید دارای پدر و مادری یکسان باشند.</p> <p dir='rtl'>هر خواهر یا برادری که بعد از <span dir="ltr">`.i-am-before`</span> بیاید در اینجا لازم نیست بلافاصله بعد از هم قرار بگیرند ولی باید دارای پدر و مادری یکسان باشند.</p>
```CSS ```css
.i-am-any-before ~ .this-element {} .i-am-any-before ~ .this-element {}
``` ```
<p dir='rtl'>در زیر چند نمونه از شبه کلاسها را معرفی میکنیم که به شما اجازه میدهد عناصر را بر اساس رفتار آنها در صفحه انتخاب کنید.</p> <p dir='rtl'>در زیر چند نمونه از شبه کلاسها را معرفی میکنیم که به شما اجازه میدهد عناصر را بر اساس رفتار آنها در صفحه انتخاب کنید.</p>
<p dir='rtl'>برای مثال زمانی که اشاره گر ماوس روی عنصری بر روی صفحه قرار دارد.</p> <p dir='rtl'>برای مثال زمانی که اشاره گر ماوس روی عنصری بر روی صفحه قرار دارد.</p>
```CSS ```css
selector:hover {} selector:hover {}
``` ```
<p dir='rtl'>یا زمانی از یک لینک بازید کردید.</p> <p dir='rtl'>یا زمانی از یک لینک بازید کردید.</p>
```CSS ```css
selected:visited {} selected:visited {}
``` ```
<p dir='rtl'>یا زمانی از لینکی بازید نشده است.</p> <p dir='rtl'>یا زمانی از لینکی بازید نشده است.</p>
```CSS ```css
selected:link {} selected:link {}
``` ```
<p dir='rtl'>یا زمانی که روی یک عنصر ورودی متمرکز شده.</p> <p dir='rtl'>یا زمانی که روی یک عنصر ورودی متمرکز شده.</p>
```CSS ```css
selected:focus {} selected:focus {}
``` ```
<h3 dir='rtl'>واحدها</h3> <h3 dir='rtl'>واحدها</h3>
```CSS ```css
selector { selector {
/* واحدها اندازه */ /* واحدها اندازه */
@ -247,7 +247,7 @@ selector {
<p dir='rtl'>به مثال زیر توجه کنید:</p> <p dir='rtl'>به مثال زیر توجه کنید:</p>
```CSS ```css
/*A*/ /*A*/
p.class1[attr='value'] p.class1[attr='value']

View File

@ -21,7 +21,7 @@ Ce code d'exemple peut être utilisé et modifié dans ces logiciels. Cependant,
copier-coller directement dans Mathematica peut causer des problèmes de copier-coller directement dans Mathematica peut causer des problèmes de
formatage, car il ne contient aucune information de mise en page. formatage, car il ne contient aucune information de mise en page.
``` ```mathematica
(* Ceci est un commentaire *) (* Ceci est un commentaire *)
(* Dans Mathematica, au lieu d'utiliser ces commentaires, vous pouvez créer des (* Dans Mathematica, au lieu d'utiliser ces commentaires, vous pouvez créer des

View File

@ -16,7 +16,7 @@ dan kompatibel dengan semua *runtime* JavaScript.
Lihat juga [website CoffeeScript](http://coffeescript.org/) yang memiliki tutorial lengkap tentang CoffeeScript. Lihat juga [website CoffeeScript](http://coffeescript.org/) yang memiliki tutorial lengkap tentang CoffeeScript.
```CoffeeScript ```coffeescript
# CoffeeScript adalah bahasa hipster. # CoffeeScript adalah bahasa hipster.
# Mengikuti tren bahasa modern lainnya. # Mengikuti tren bahasa modern lainnya.
# Sehingga, seperti Ruby dan Python, untuk komentar digunakan tanda pagar. # Sehingga, seperti Ruby dan Python, untuk komentar digunakan tanda pagar.

View File

@ -8,7 +8,7 @@ lang: pt-br
filename: learnvisualbasic-pt.vb filename: learnvisualbasic-pt.vb
--- ---
``` ```visualbasic
Module Module1 Module Module1
module Module1 module Module1

View File

@ -9,7 +9,7 @@ filename: LearnQSharp.qs
Q# is a high-level domain-specific language which enables developers to write quantum algorithms. Q# programs can be executed on a quantum simulator running on a classical computer and (in future) on quantum computers. Q# is a high-level domain-specific language which enables developers to write quantum algorithms. Q# programs can be executed on a quantum simulator running on a classical computer and (in future) on quantum computers.
```C# ```c#
// Single-line comments start with // // Single-line comments start with //

View File

@ -13,7 +13,7 @@ lang: ru-ru
Внимание: этот материал использует реализацию Форта - Gforth, но большая часть написанного будет работать в других средах. Внимание: этот материал использует реализацию Форта - Gforth, но большая часть написанного будет работать в других средах.
``` ```forth
\ Это комментарий \ Это комментарий
( Это тоже комментарий, но используется для предоределённых слов ) ( Это тоже комментарий, но используется для предоределённых слов )

View File

@ -8,7 +8,7 @@ filename: learnvisualbasic-ru.vb
lang: ru-ru lang: ru-ru
--- ---
```vbnet ```visualbasic
Module Module1 Module Module1
Sub Main() Sub Main()

View File

@ -14,7 +14,7 @@ Elixir je moderný funkcionálny jazyk vytvorený nad Erlang VM (virtuálnym
strojom). Je plne kompatibilný s Erlangom, ale ponúka viac štandardnú syntax strojom). Je plne kompatibilný s Erlangom, ale ponúka viac štandardnú syntax
a množstvo funkcií. a množstvo funkcií.
```Elixir ```elixir
# Jednoriadkový komentár začína symbolom # # Jednoriadkový komentár začína symbolom #

View File

@ -5,7 +5,7 @@ contributors:
filename: learnvisualbasic.vb filename: learnvisualbasic.vb
--- ---
``` ```visualbasic
Module Module1 Module Module1
Sub Main() Sub Main()

View File

@ -14,7 +14,7 @@ Wolfram Language has several interfaces:
The code in this example can be typed in to any interface and edited with Wolfram Workbench. Loading directly into Mathematica may be awkward because the file contains no cell formatting information (which would make the file a huge mess to read as text) - it can be viewed/edited but may require some setting up. The code in this example can be typed in to any interface and edited with Wolfram Workbench. Loading directly into Mathematica may be awkward because the file contains no cell formatting information (which would make the file a huge mess to read as text) - it can be viewed/edited but may require some setting up.
``` ```mathematica
(* This is a comment *) (* This is a comment *)
(* In Mathematica instead of using these comments you can create a text cell (* In Mathematica instead of using these comments you can create a text cell

View File

@ -8,7 +8,7 @@ lang: zh-cn
filename: learnvisualbasic-cn.vb filename: learnvisualbasic-cn.vb
--- ---
``` ```visualbasic
Module Module1 Module Module1
Sub Main() Sub Main()

View File

@ -18,7 +18,7 @@ Wolfram 语言有几个界面。
本例中的代码可以在任何界面中输入,并使用 Wolfram Workbench 进行编辑。直接加载到 Mathematica 中可能会很不方便,因为该文件不包含单元格格式化信息(这将使该文件作为文本阅读时变得一团糟)--它可以被查看/编辑,但可能需要一些设置。 本例中的代码可以在任何界面中输入,并使用 Wolfram Workbench 进行编辑。直接加载到 Mathematica 中可能会很不方便,因为该文件不包含单元格格式化信息(这将使该文件作为文本阅读时变得一团糟)--它可以被查看/编辑,但可能需要一些设置。
```mma ```mathematica
(* 这是一个注释 *) (* 这是一个注释 *)
(* 在Mathematica中您可以创建一个文本单元格用排版好的文本和图像来注释您的代码而不是使用这些注释 *) (* 在Mathematica中您可以创建一个文本单元格用排版好的文本和图像来注释您的代码而不是使用这些注释 *)