ইনলাইন কোডের জন্য <code>
এবং কোড ব্লকের জন্য <pre class="prettyprint">
ব্যবহার করুন। সিনট্যাক্স হাইলাইটিং XML এবং HTML উদাহরণ সহ অনেক ভাষার জন্য ভাল কাজ করে। আপনি class="prettyprint"
বাদ দিতে পারেন যদি সিনট্যাক্স হাইলাইটিং উদাহরণের জন্য উপযুক্ত না হয়, যেমন কনসোল কমান্ড বা লং সার্ভিস এন্ডপয়েন্ট URL এর জন্য।
<pre>
ব্লকে প্রতি লাইনে 100 অক্ষরের কোডের বেশি হবে না। DevSite-এ, অনুভূমিক স্ক্রলিং শুরু হওয়ার আগে ঠিক 100টি অক্ষরের কোড বড় স্ক্রিনে ফিট হবে। ছোট স্ক্রিনে, কোড ব্লক প্রয়োজন হলে অনুভূমিকভাবে স্ক্রোল করবে। 80টি অক্ষর প্রায় যেকোনো ল্যাপটপে ফিট করে।
#include <stdio.h>
/* Counting example */
int main(int argc, char** argv) {
int i;
// This counts from 0 to 9.
for (i = 0; i < 10; i++) {
printf("Counting %d\n", i);
}
}
<pre class="prettyprint">
#include <stdio.h>
/* Counting example */
int main(int argc, char** argv) {
int i;
// This counts from 0 to 9.
for (i = 0; i < 10; i++) {
printf("Counting %d\n", i);
}
}
</pre>
কনসোল কমান্ডের জন্য আপনি সাধারণত <pre>
থেকে class="prettyprint"
বাদ দেবেন। যেমন:
dev_appserver.py -a $HOST --debug demos/getstarted
<pre>dev_appserver.py -a $HOST --debug demos/getstarted</pre>
কপি করতে ক্লিক করুন
ক্লাস prettyprint
সহ সমস্ত কোড ব্লকে একটি ক্লিক-টু-কপি বোতাম স্বয়ংক্রিয়ভাবে প্রদর্শিত হয়।
একটি কোড ব্লক বা অন্য উপাদানে ক্লিক-টু-কপি ব্যবহার করতে যার ক্লাস prettyprint
নেই, ক্লাস devsite-click-to-copy
যোগ করুন : some_terminal_command.py --users_should_copy
<pre class="devsite-click-to-copy">some_terminal_command.py --users_should_copy</pre>
একটি কোড ব্লকে ক্লিক-টু-কপি অক্ষম করা হচ্ছে
একটি prettyprint
কোড ব্লকে ক্লিক-টু-কপি নিষ্ক্রিয় করতে, ক্লাস devsite-disable-click-to-copy
যোগ করুন:
www.example-url-that-does-not-make-sense-to-copy.com
<pre class="prettyprint devsite-disable-click-to-copy">www.example-url-that-does-not-make-sense-to-copy.com</pre>
একটি মার্কডাউন কোড ব্লকে ক্লিক-টু-কপি অক্ষম করতে, যখন আপনি devsite-disable-click-to-copy
শৈলী প্রয়োগ করতে কোডের বেড়া খুলবেন তখন নিম্নলিখিত সিনট্যাক্সটি ব্যবহার করুন:
{:.devsite-disable-click-to-copy}
একটি কোড ব্লকের অংশে ক্লিক-টু-কপি অক্ষম করা হচ্ছে
একটি কোড ব্লকের অংশ অনুলিপি করা প্রতিরোধ করতে, আপনি যে অংশটি অনুলিপি করতে চান না তার চারপাশে no-select
ক্লাস সহ একটি <span>
ট্যাগ যোগ করুন:
<span class="no-select">C:\> </span>ping google.com
নীচের উদাহরণে, ম্যানুয়াল কপি করার পাশাপাশি ক্লিক-টু-কপি বোতাম উভয়ই টীকাকৃত অংশটিকে উপেক্ষা করে:
C:\\> ping google.com
বিশ্লেষণ ইভেন্ট অনুলিপি ক্লিক করুন
ক্লিক-টু-কপি অ্যানালিটিক্স ইভেন্টগুলিকে দ্ব্যর্থহীন করতে, data-copy-event-label
অ্যাট্রিবিউট সেট করুন।
data-copy-event-label
<pre class="devsite-terminal devsite-click-to-copy" data-copy-event-label="unique_identifier"></pre>
ক্লিক-টু-কপি এবং অ্যাক্সেসযোগ্যতা
ডিফল্টরূপে, সমস্ত ক্লিক-টু-কপি কোড নমুনার প্রতিটি ক্লিক-টু-কপি বোতামের জন্য একই লেবেল থাকে: "কোড নমুনা অনুলিপি করুন।" একাধিক কোড নমুনা সহ পৃষ্ঠাগুলিতে, এটি একটি স্ক্রিন রিডারের সাথে নেভিগেট করা কঠিন করে তুলতে পারে।
অ্যাক্সেসযোগ্যতার জন্য, প্রতিটি ক্লিক-টু-কপি কোড নমুনা একটি data-label
বৈশিষ্ট্য সহ প্রদান করুন যা প্রতিটি কোড নমুনার বিষয়বস্তুকে সংক্ষিপ্ত এবং সংক্ষিপ্তভাবে লেবেল করে। প্রতিটি কোড নমুনা লেবেল পৃষ্ঠায় অন্যান্য সমস্ত কোড নমুনা লেবেল আপেক্ষিক অনন্য হতে হবে; এই লেবেলটি "কোড নমুনা অনুলিপি করুন" ছাড়াও স্ক্রিন রিডাররা পড়ে। {:.devsite-click-to-copy} <pre class="devsite-click-to-copy" data-label="Installation script"></pre>
আলো/অন্ধকার টগল অক্ষম করা হচ্ছে
একটি কোড ব্লকে হালকা/গাঢ় টগল বোতাম নিষ্ক্রিয় করতে, ক্লাস devsite-disable-code-toggle
যোগ করুন :
<pre class="prettyprint devsite-disable-code-toggle"></pre>
একটি মার্কডাউন কোড ব্লকে হালকা/গাঢ় টগল বোতামটি নিষ্ক্রিয় করতে, আপনি যখন devsite-disable-code-toggle
ক্লাস প্রয়োগ করতে কোডের বেড়া খুলবেন তখন নিম্নলিখিত সিনট্যাক্সটি ব্যবহার করুন:
``` {.devsite-disable-code-toggle}
ডিফল্টরূপে ডার্ক কোড
একটি কোড ব্লক তৈরি করতে ডিফল্টরূপে অন্ধকার কোড স্টাইলিং ব্যবহার করুন, ক্লাস devsite-dark-code-default
যোগ করুন:
<pre class="prettyprint devsite-dark-code-default"></pre>
জোর লাইন মোড়ানো
ডিফল্টরূপে, একটি অনুভূমিক স্ক্রোল বার একটি <pre>
ব্লকে লাইনের জন্য যোগ করা হয় যা 100 অক্ষরের বেশি।
run(dataset: google.cloud.aiplatform.datasets.time_series_dataset.TimeSeriesDataset, target_column: str, time_column: str, time_series_identifier_column: str, unavailable_at_forecast_columns: List[str], available_at_forecast_columns: List[str], forecast_horizon: int, data_granularity_unit: str, data_granularity_count: int, training_fraction_split: Optional[float] = None, validation_fraction_split: Optional[float] = None, test_fraction_split: Optional[float] = None, predefined_split_column_name: Optional[str] = None, weight_column: Optional[str] = None, time_series_attribute_columns: Optional[List[str]] = None, context_window: Optional[int] = None, export_evaluated_data_items: bool = False, export_evaluated_data_items_bigquery_destination_uri: Optional[str] = None, export_evaluated_data_items_override_destination: bool = False, quantiles: Optional[List[float]] = None, validation_options: Optional[str] = None, budget_milli_node_hours: int = 1000, model_display_name: Optional[str] = None, model_labels: Optional[Dict[str, str]] = None, sync: bool = True)
এই আচরণ ওভাররাইড করতে এবং পরিবর্তে লাইনগুলি মোড়ানো, <pre>
ব্লকে class="wrap-code"
যোগ করুন।
run(dataset: google.cloud.aiplatform.datasets.time_series_dataset.TimeSeriesDataset, target_column: str, time_column: str, time_series_identifier_column: str, unavailable_at_forecast_columns: List[str], available_at_forecast_columns: List[str], forecast_horizon: int, data_granularity_unit: str, data_granularity_count: int, training_fraction_split: Optional[float] = None, validation_fraction_split: Optional[float] = None, test_fraction_split: Optional[float] = None, predefined_split_column_name: Optional[str] = None, weight_column: Optional[str] = None, time_series_attribute_columns: Optional[List[str]] = None, context_window: Optional[int] = None, export_evaluated_data_items: bool = False, export_evaluated_data_items_bigquery_destination_uri: Optional[str] = None, export_evaluated_data_items_override_destination: bool = False, quantiles: Optional[List[float]] = None, validation_options: Optional[str] = None, budget_milli_node_hours: int = 1000, model_display_name: Optional[str] = None, model_labels: Optional[Dict[str, str]] = None, sync: bool = True)
কোড:
<pre class="wrap-code">
run(dataset: google.cloud.aiplatform.datasets.time_series_dataset.TimeSeriesDataset, target_column: str, time_column: str, time_series_identifier_column: str, unavailable_at_forecast_columns: List[str], available_at_forecast_columns: List[str], forecast_horizon: int, data_granularity_unit: str, data_granularity_count: int, training_fraction_split: Optional[float] = None, validation_fraction_split: Optional[float] = None, test_fraction_split: Optional[float] = None, predefined_split_column_name: Optional[str] = None, weight_column: Optional[str] = None, time_series_attribute_columns: Optional[List[str]] = None, context_window: Optional[int] = None, export_evaluated_data_items: bool = False, export_evaluated_data_items_bigquery_destination_uri: Optional[str] = None, export_evaluated_data_items_override_destination: bool = False, quantiles: Optional[List[float]] = None, validation_options: Optional[str] = None, budget_milli_node_hours: int = 1000, model_display_name: Optional[str] = None, model_labels: Optional[Dict[str, str]] = None, sync: bool = True)
</pre>
টার্মিনাল কোড
টার্মিনালের জন্য কোড প্রদর্শন করার সময়, আমরা সুপারিশ করি যে লেখকরা একটি নতুন টার্মিনাল কমান্ড নির্দেশ করতে $
ব্যবহার করুন। ব্যবহারকারীর কপি করা কোডে এটি যোগ না করে একটি <pre>
কন্টেইনারের বিষয়বস্তুর শুরুতে $
যোগ করতে, <pre>
উপাদানটিতে class="devsite-terminal"
প্রয়োগ করুন।
adb devices
কোড:
<pre class="devsite-terminal devsite-click-to-copy">
adb devices
</pre>
টার্মিনাল কোডের একটি লাইনের শুরুতে $
যোগ করতে, সেই লাইনটি ধারণকারী <code>
উপাদানটিতে class="devsite-terminal"
প্রয়োগ করুন। একাধিক লাইনে $
সহ ক্ষেত্রে এই কৌশলটি ব্যবহার করুন।
gradle init --type basic
mkdir -p src/main/java src/main/resources
কোড:
<pre class="prettyprint">
<code class="devsite-terminal">gradle init --type basic</code>
<code class="devsite-terminal">mkdir -p src/main/java src/main/resources</code>
</pre
একটি কাস্টম উপসর্গ ব্যবহার করতে, <pre>
বা <code>
উপাদান যেখানে ক্লাস প্রয়োগ করা হয়েছিল সেখানে বৈশিষ্ট্য data-terminal-prefix
যোগ করুন।
Install-Package Google.Apis.Calendar.v3
কোড:
<pre class="devsite-terminal devsite-click-to-copy" data-terminal-prefix="PM> ">
Install-Package Google.Apis.Calendar.v3
</pre>
"devsite-terminal" ক্লাস ব্যবহার করে যোগ করা উপসর্গের সমস্ত উদাহরণ ব্যবহারকারীর কপি করা কোড থেকে বাদ দেওয়া হবে।
হাইলাইট করা
একটি <pre>
ব্লকের মধ্যে বিষয়বস্তুর প্রতি মনোযোগ আকর্ষণ করতে <strong>
ব্যবহার করুন। এটি করার ফলে আশেপাশের বিষয়বস্তু হালকা করা হবে যাতে <strong>
ব্লক দ্বারা হাইলাইট করা অংশে জোর দেওয়া যায়। যেমন:
// ... // ... // ... for (i = 0; i < 10; i++) { printf("Counting %d\n", i); if (i % 3 == 0) { someFunc(i); } } // ... // ... // ...
কোড:
<pre class="prettyprint">
// ...
// ...
// ...
for (i = 0; i < 10; i++) {
printf("Counting %d\n", i);
<strong>if (i % 3 == 0) {
someFunc(i);
}</strong>
}
// ...
// ...
// ...
</pre>
প্রতিস্থাপনযোগ্য ভেরিয়েবল
<pre>
এর মধ্যে পরিবর্তনযোগ্য পাঠ্যের জন্য আন্ডারস্কোর সহ <var>
এবং বড় হাতের অক্ষর ব্যবহার করুন। যেমন:
dev_appserver.py YOUR_APP_DIR.
কোড:
<pre>dev_appserver.py <var>YOUR_APP_DIR</var></pre>
মার্কডাউনে, <var>
ট্যাগগুলিকে উদ্ধৃতি চিহ্নগুলিতে আবদ্ধ করুন এবং ট্যাগগুলি এড়ানোর জন্য জিঞ্জা এক্সপ্রেশন বন্ধনী ব্যবহার করুন, যেমন: VAR_NAME
।
যেমন:
Hello, my name is YOUR_NAME.
কোড:
```
Hello, my name is YOUR_NAME.
```
মার্কডাউন
আপনি মার্কডাউন ব্যবহার করে কোড ব্লকও নির্দিষ্ট করতে পারেন 4-স্পেস কোড ইন্ডেন্ট করে অথবা 3টি ব্যাকটিক (```) দিয়ে ফেন্সিং করে।
যেমন:
```
print("hello world")
```
print("hello world")
উভয় হয়ে যায়
<pre class="prettyprint notranslate" translate="no"><code>
print("hello world")
</code></pre>
আপনি যদি বেড়াযুক্ত কোড ব্লক ব্যবহার করেন (এবং ইন্ডেন্টেড কোড ব্লক নয়), তাহলে আপনি এটি বোঝার জন্য প্রিটিপ্রিন্টের ভাষাও উল্লেখ করতে পারেন:
print("hello world")
হয়ে যায়
<pre class="prettyprint notranslate lang-py" translate="no"><code>
print("hello world")
</code></pre>
আপনি প্রিটিফাই ডকুমেন্টেশনে স্বীকৃত ভাষার তালিকা খুঁজে পেতে পারেন।
মার্কডাউনের মাধ্যমে তৈরি করা সমস্ত কোড ব্লকগুলিতে প্রিটিপ্রিন্ট ক্লাস প্রয়োগ করা হবে, যদি না স্পষ্টভাবে ভাষাটি কোনটিতে সেট না করা হয়। আপনি কাস্টম বৈশিষ্ট্য ব্যবহার করে কোড ব্লকে অতিরিক্ত ক্লাস যোগ করতে পারেন:
The program completed successfully.
হয়ে যায়
<pre class="devsite-disable-click-to-copy"><code>The program completed successfully.
</code></pre>