mirror of
https://github.com/adambard/learnxinyminutes-docs.git
synced 2024-12-23 09:41:36 +00:00
Syntax highlighting
This commit is contained in:
parent
ae7197c6a6
commit
787e9710b9
@ -34,7 +34,7 @@ review them more effectively and/or individually.
|
||||
* **Use UTF-8**
|
||||
* For translations (or EN articles with non-ASCII characters) please ensure
|
||||
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`).
|
||||
* 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:
|
||||
@ -58,7 +58,7 @@ Other fields:
|
||||
*tool* or *Algorithms & Data Structures*. Defaults to *language* if omitted.
|
||||
* **filename**: The filename for this article's code. It will be fetched, mashed
|
||||
together, and made downloadable.
|
||||
* For non-English articles, *filename* should have a language-specific
|
||||
* For non-English articles, *filename* should have a language-specific
|
||||
suffix.
|
||||
* **lang**: For translations, the human language this article is in. For
|
||||
categorization, mostly.
|
||||
@ -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
|
||||
equal billing, and the first contributor usually wrote the whole article. Please
|
||||
|
@ -8,7 +8,7 @@ filename: learnvisualbasic-de.vb
|
||||
lang: de-de
|
||||
---
|
||||
|
||||
```
|
||||
```visualbasic
|
||||
Module Modul1
|
||||
|
||||
Sub Main()
|
||||
|
@ -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
|
||||
de lo que esta escrito aquí debe funcionar en otro sitio.
|
||||
|
||||
```
|
||||
```forth
|
||||
\ Este es un comentario
|
||||
( Este es un comentario también pero solo esta usado cuando definiendo palabras. )
|
||||
|
||||
|
@ -8,7 +8,7 @@ filename: learnvisualbasic-es.vb
|
||||
lang: es-es
|
||||
---
|
||||
|
||||
```
|
||||
```visualbasic
|
||||
Module Module1
|
||||
|
||||
Sub Main()
|
||||
|
@ -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.
|
||||
|
||||
```
|
||||
```mathematica
|
||||
(* Esto es un comentario *)
|
||||
|
||||
(* En Mathematica en lugar de utilizar estos comentarios, puede crear una celda de texto
|
||||
|
@ -29,21 +29,21 @@ filename: learncss-fa.css
|
||||
|
||||
<p dir='rtl'>در CSS همه توضیحات داخل ستاره-بروم نوشته میشوند زیرا CSS دستوری برای توضیحات تک خطی مثل C ندارد</p>
|
||||
|
||||
```CSS
|
||||
```css
|
||||
/* comments appear inside slash-asterisk, just like this line!
|
||||
there are no "one-line comments"; this is the only comment style */
|
||||
```
|
||||
|
||||
<p dir='rtl'>به طور کلی دستورات CSS بسیار ساده هستند که در آن یک انتخابگر (selector) عنصری را در روی صفحه هدف قرار میدهد.</p>
|
||||
|
||||
```CSS
|
||||
```css
|
||||
selector { property: value; /* more properties...*/ }
|
||||
```
|
||||
|
||||
<p dir='rtl'>با استفاده از ستاره می توان برای همه عناصر روی صفحه استایل تعریف کرد</p>
|
||||
|
||||
|
||||
```CSS
|
||||
```css
|
||||
* { color:red; }
|
||||
```
|
||||
|
||||
@ -55,129 +55,129 @@ selector { property: value; /* more properties...*/ }
|
||||
<p dir='rtl'>شما میتوانید با استفاده از نام کلاس آنرا انتخاب کنید</p>
|
||||
|
||||
|
||||
```CSS
|
||||
```css
|
||||
.some-class { }
|
||||
```
|
||||
|
||||
<p dir='rtl'>یا با استفاده از نام دو کلاس</p>
|
||||
|
||||
```CSS
|
||||
```css
|
||||
.some-class.class2 { }
|
||||
```
|
||||
|
||||
<p dir='rtl'>یا با استفاده از نام id</p>
|
||||
|
||||
```CSS
|
||||
```css
|
||||
#someId { }
|
||||
```
|
||||
|
||||
<p dir='rtl'>یا با استفاده از نام خود عنصر</p>
|
||||
|
||||
```CSS
|
||||
```css
|
||||
div { }
|
||||
```
|
||||
|
||||
<p dir='rtl'>یا با استفاده از `attr`</p>
|
||||
|
||||
```CSS
|
||||
```css
|
||||
[attr] { font-size:smaller; }
|
||||
```
|
||||
|
||||
<p dir='rtl'>یا با استفاده از ارزشی که برای `attr` مشخص شده</p>
|
||||
|
||||
```CSS
|
||||
```css
|
||||
[attr='value'] { font-size:smaller; }
|
||||
```
|
||||
|
||||
<p dir='rtl'>با استفاده از ارزشی که برای `attr` مشخص شده و آن ارزش با `val` شروع میشود در CSS3</p>
|
||||
|
||||
```CSS
|
||||
```css
|
||||
[attr^='val'] { font-size:smaller; }
|
||||
```
|
||||
|
||||
<p dir='rtl'>با استفاده از ارزشی که برای `attr` مشخص شده و آن ارزش با `ue` به پایان میرسد در CSS3</p>
|
||||
|
||||
```CSS
|
||||
```css
|
||||
[attr$='ue'] { font-size:smaller; }
|
||||
```
|
||||
|
||||
<p dir='rtl'>یا با انتخاب بوسیله یکی از ارزشهایی که در لیست `otherAttr` بوسیله فاصله از هم جدا شده اند در CSS3</p>
|
||||
|
||||
```CSS
|
||||
```css
|
||||
[attr$='ue'] { font-size:smaller; }
|
||||
```
|
||||
|
||||
<p dir='rtl'>یا ارزش(`value`) دقیقاً خود ارزش(`value`) یا بوسیله `-` که یونیکد (U+002D) از حرف بعدی جدا شود</p>
|
||||
|
||||
```CSS
|
||||
```css
|
||||
[otherAttr|='en'] { font-size:smaller; }
|
||||
```
|
||||
|
||||
<p dir='rtl'>و مهمتر از همه اینکه میتوان آنها را ترکیب کرد. نکته مهمی که در اینجا باید مد نظر داشته باشید این است که هنگام ترکیب نباید هیچگونه فاصله ای بین آنها قرار گیرد زیرا در این حالت معنای دستور تغییر میکند</p>
|
||||
|
||||
```CSS
|
||||
```css
|
||||
div.some-class[attr$='ue'] { }
|
||||
```
|
||||
|
||||
<p dir='rtl'>CSS این امکان را به شما میدهد که یک عنصر را بوسیله والدین آن انتخاب کنید</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 {}
|
||||
```
|
||||
|
||||
|
||||
<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 {}
|
||||
```
|
||||
|
||||
<p dir='rtl'>نکته ای که در اینجا باید به آن توجه کنید این است که این رستور با فاصله ای بین نام دو کلاس همراه است و با مثال زیر که در بالا هم ذکر شد تفاوت دارد.</p>
|
||||
|
||||
```CSS
|
||||
```css
|
||||
div.some-parent.class-name {}
|
||||
```
|
||||
|
||||
<p dir='rtl'>دستور زیر همه عناصری را که نام کلاس آنها <span dir="ltr">`.this-element`</span> و بلافاصله بعد از عنصری با مشخصه <span dir="ltr">`.i-am-before`</span> قرار دارد را انتخاب میکند.</p>
|
||||
|
||||
```CSS
|
||||
```css
|
||||
.i-am-before + .this-element { }
|
||||
```
|
||||
|
||||
<p dir='rtl'>هر خواهر یا برادری که بعد از <span dir="ltr">`.i-am-before`</span> بیاید در اینجا لازم نیست بلافاصله بعد از هم قرار بگیرند ولی باید دارای پدر و مادری یکسان باشند.</p>
|
||||
|
||||
```CSS
|
||||
```css
|
||||
.i-am-any-before ~ .this-element {}
|
||||
```
|
||||
<p dir='rtl'>در زیر چند نمونه از شبه کلاسها را معرفی میکنیم که به شما اجازه میدهد عناصر را بر اساس رفتار آنها در صفحه انتخاب کنید.</p>
|
||||
<p dir='rtl'>برای مثال زمانی که اشاره گر ماوس روی عنصری بر روی صفحه قرار دارد.</p>
|
||||
|
||||
```CSS
|
||||
```css
|
||||
selector:hover {}
|
||||
```
|
||||
|
||||
<p dir='rtl'>یا زمانی از یک لینک بازید کردید.</p>
|
||||
|
||||
```CSS
|
||||
```css
|
||||
selected:visited {}
|
||||
```
|
||||
|
||||
<p dir='rtl'>یا زمانی از لینکی بازید نشده است.</p>
|
||||
|
||||
```CSS
|
||||
```css
|
||||
selected:link {}
|
||||
```
|
||||
|
||||
<p dir='rtl'>یا زمانی که روی یک عنصر ورودی متمرکز شده.</p>
|
||||
|
||||
```CSS
|
||||
```css
|
||||
selected:focus {}
|
||||
```
|
||||
|
||||
<h3 dir='rtl'>واحدها</h3>
|
||||
|
||||
```CSS
|
||||
```css
|
||||
selector {
|
||||
|
||||
/* واحدها اندازه */
|
||||
@ -247,7 +247,7 @@ selector {
|
||||
|
||||
<p dir='rtl'>به مثال زیر توجه کنید:</p>
|
||||
|
||||
```CSS
|
||||
```css
|
||||
/*A*/
|
||||
p.class1[attr='value']
|
||||
|
||||
|
@ -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
|
||||
formatage, car il ne contient aucune information de mise en page.
|
||||
|
||||
```
|
||||
```mathematica
|
||||
(* Ceci est un commentaire *)
|
||||
|
||||
(* Dans Mathematica, au lieu d'utiliser ces commentaires, vous pouvez créer des
|
||||
|
@ -16,7 +16,7 @@ dan kompatibel dengan semua *runtime* JavaScript.
|
||||
|
||||
Lihat juga [website CoffeeScript](http://coffeescript.org/) yang memiliki tutorial lengkap tentang CoffeeScript.
|
||||
|
||||
```CoffeeScript
|
||||
```coffeescript
|
||||
# CoffeeScript adalah bahasa hipster.
|
||||
# Mengikuti tren bahasa modern lainnya.
|
||||
# Sehingga, seperti Ruby dan Python, untuk komentar digunakan tanda pagar.
|
||||
|
@ -8,7 +8,7 @@ lang: pt-br
|
||||
filename: learnvisualbasic-pt.vb
|
||||
---
|
||||
|
||||
```
|
||||
```visualbasic
|
||||
Module Module1
|
||||
|
||||
module Module1
|
||||
|
@ -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.
|
||||
|
||||
```C#
|
||||
```c#
|
||||
// Single-line comments start with //
|
||||
|
||||
|
||||
|
@ -13,7 +13,7 @@ lang: ru-ru
|
||||
Внимание: этот материал использует реализацию Форта - Gforth, но большая часть написанного будет работать в других средах.
|
||||
|
||||
|
||||
```
|
||||
```forth
|
||||
\ Это комментарий
|
||||
( Это тоже комментарий, но используется для предоределённых слов )
|
||||
|
||||
|
@ -8,7 +8,7 @@ filename: learnvisualbasic-ru.vb
|
||||
lang: ru-ru
|
||||
---
|
||||
|
||||
```vbnet
|
||||
```visualbasic
|
||||
Module Module1
|
||||
|
||||
Sub Main()
|
||||
|
@ -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
|
||||
a množstvo funkcií.
|
||||
|
||||
```Elixir
|
||||
```elixir
|
||||
|
||||
# Jednoriadkový komentár začína symbolom #
|
||||
|
||||
|
@ -5,7 +5,7 @@ contributors:
|
||||
filename: learnvisualbasic.vb
|
||||
---
|
||||
|
||||
```
|
||||
```visualbasic
|
||||
Module Module1
|
||||
|
||||
Sub Main()
|
||||
|
@ -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.
|
||||
|
||||
```
|
||||
```mathematica
|
||||
(* This is a comment *)
|
||||
|
||||
(* In Mathematica instead of using these comments you can create a text cell
|
||||
|
@ -8,7 +8,7 @@ lang: zh-cn
|
||||
filename: learnvisualbasic-cn.vb
|
||||
---
|
||||
|
||||
```
|
||||
```visualbasic
|
||||
Module Module1
|
||||
|
||||
Sub Main()
|
||||
|
@ -18,7 +18,7 @@ Wolfram 语言有几个界面。
|
||||
|
||||
本例中的代码可以在任何界面中输入,并使用 Wolfram Workbench 进行编辑。直接加载到 Mathematica 中可能会很不方便,因为该文件不包含单元格格式化信息(这将使该文件作为文本阅读时变得一团糟)--它可以被查看/编辑,但可能需要一些设置。
|
||||
|
||||
```mma
|
||||
```mathematica
|
||||
(* 这是一个注释 *)
|
||||
|
||||
(* 在Mathematica中,您可以创建一个文本单元格,用排版好的文本和图像来注释您的代码,而不是使用这些注释 *)
|
||||
|
Loading…
Reference in New Issue
Block a user