সংক্ষিপ্ত উপায়ে বেশ কয়েকটি কোড খণ্ড প্রদর্শন করুন

আমি একটি ব্লগ তৈরি করছি blogdownযার সাথে আমি আর এর কোড এবং স্টাটা থেকে কোডের তুলনা করছি। আমি দুটি কোডই দেখতে চাই যাতে ব্যবহারকারী এটির আর স্টাটাতে কীভাবে কাজ করে তা তুলনা করতে পারে। হোয়েউয়ার, একটি সারিতে দুই বা ততোধিক অংশ স্থাপন (আর এর জন্য কোড, স্টাটা + আউটপুট জন্য কোড) পড়াটি বেশ অস্বস্তিকর করে তোলে।

বেশ কয়েকটি খণ্ড অন্তর্ভুক্ত করার জন্য বেশ কয়েকটি বিন্যাস আমার মনে এসেছিল তবে সেগুলি ইতিমধ্যে বাস্তবায়িত হয়েছে কিনা বা এটি করা সম্ভব কিনা তা আমি জানি না।

খণ্ডগুলি প্রদর্শন / আড়াল করার জন্য একটি বোতাম আছে ( প্রতি অংশে একটি বোতাম )

একটি ধারণা থাকতে হবে:

আর্ট কোডের অংশগুলি নিবন্ধে ডিফল্টরূপে দৃশ্যমান,
স্টাটা কোড খণ্ডগুলি ডিফল্টরূপে অদৃশ্য তবে ব্যবহারকারী যদি কোনও বোতামে ক্লিক করে তবে তা দৃশ্যমান

এই ব্যক্তি এবং এই ব্যক্তিটি ব্লগডাউনে তাদের কোড খণ্ডগুলি ভাঁজ করে ফেলতে সফল হয়েছিল তবে স্পষ্টতই এটি ডিফল্টরূপে প্রতিটি খণ্ডকে লুকায় বা দেখায়। আমি ডিফল্টরূপে কিছু খণ্ডগুলি কীভাবে গোপন করতে পারি? সেখানে একটা বিকল্প (অপশন মত হল eval, echo...) যে hides বা শো কোডে খণ্ড blogdown?

"ট্যাবগুলি" সহ অংশগুলি

এই অংশের শিরোনামটি নিজেই কথা বলে: একটি অংশে ট্যাবগুলি রাখা কি সম্ভব যাতে আমরা একটি কোড থেকে অন্য কোডে স্যুইচ করতে পারি (উদাহরণস্বরূপ ওয়েব ব্রাউজারগুলির ট্যাবগুলির মতো)?

পাশাপাশি দু'টি অংশ প্রদর্শন করুন

কিছু blogdownথিমে (সম্ভবত সমস্ত, আমি জানি না), প্রস্থটি বেশ হ্রাস পেয়েছে এবং পাশে কিছু অব্যবহৃত স্থান রয়েছে। সুতরাং, কোনও নিবন্ধের কিছু অংশের প্রস্থ বৃদ্ধি করা এবং পাশাপাশি দুটি অংশকে প্রদর্শন করা সম্ভব?

কোন ধারণা যদি এই বিন্যাসগুলির মধ্যে একটি অনুধাবন করা যায় blogdown?

r blogdown

— bretauv
সূত্র

আমি পাইথন এবং আরকে পাশাপাশি কোথাও দেখেছি, এর পুনরাবৃত্তি করতে পারিনি, কারও কাছে এটি সমাধান করার জন্য প্রার্থনা করছি, আমার একটি ব্লগ আছে যা সম্ভব হলে সত্যিই উন্নতি করতে পারত

— ব্রুনো

না blogdownআপনি সিএসএস যোগ করার জন্য অনুমতি দেয়? সিএসএস ব্যবহার করে আপনি কোডের দুটি ব্লক তৈরি করতে এবং পাশাপাশি রেখে দিতে পারেন put সিএসএসের সাহায্যে আপনি খণ্ডগুলি প্রদর্শন করতে বা গোপন করতে পারবেন এবং ট্যাবগুলি করতে সক্ষম হবেন তবে এটি আমার দৃ strong় বিষয় নয়।

— বিস্টকোডার

@ বিস্টকোডার আমার মনে হয় blogdownসিএসএস ব্যবহার করতে পারেন (দেখুন এখানে ) তবে আমি এটি কখনও ব্যবহার করি নি তাই চেষ্টা করব তবে আমি মনে করি না যে আমি এটি অর্জন করতে সক্ষম

— হব

@ ব্র্যাটাউভ আমি মনে করি আপনি যদি এটি নির্ধারণ করতে পারেন তবে এটির পক্ষে এটি উপযুক্ত হতে পারে, আমি আপনাকে তিনটি টিউটোরিয়াল রেখে যেতে পারি যা আপনাকে পুরোপুরি উঠতে পারে এবং আপনি যদি এই পথটি চালাতে চান তবে চলতে পারে।

— বিস্টকডার

1. youtu.be/UB1O30fR-EE (এটি একটি HTML ক্র্যাশ কোর্স) 2. youtu.be/yfoY53QXEnI (এটি একটি সিএসএস ক্র্যাশ কোর্স) ৩. youtu.be/JJSoEo8JSnc (ফ্লেক্সব্লক) এই জিনিসগুলি আপনাকে পেতে সক্ষম হতে হবে পাশাপাশি কোড অংশগুলি কিন্তু তারা আপনাকে ভবিষ্যতের তথ্য সরবরাহ করবে যা সর্বদা সহায়ক হবে। অদৃশ্য হয়ে যাওয়া এবং পুনরায় প্রদর্শিত কোড যুক্ত করা আরও শক্ত হতে পারে তবে আপনি যদি কিছু শুরু করার জন্য একটি লিঙ্ক চান তবে কেবল আমাকে জানান know আমি ব্লগডাউনের সাথে খুব বেশি পরিচিত নই তবে এমন আরও একটি উপায় হতে পারে যেখানে আপনার সিএসএসের দরকার নেই। যেভাবেই হোক, আমি সিএসএসের সুপারিশ করব

— বিস্টকোডার

উত্তর:

ঠিক আছে এখানে একটি আংশিক উত্তর। আমি পাশাপাশি বেশ কয়েকটি অংশ রাখতে পারি তবে আমার পোস্টে অন্যান্য প্রস্তাবগুলি কীভাবে উপলব্ধি করা যায় তা আমি জানি না।

এটাই আমি করেছি। এই পৃষ্ঠার ভিত্তিতে , আমি আমার .Rmarkdownফাইলে আমার ব্লগের একটি নিবন্ধ যুক্ত করে কিছু সিএসএস কোড রেখেছি।

<style>
.flex-container {
  display: flex;
  flex-wrap: nowrap;
  justify-content: center;
  overflow: visible;
}

.flex-container > div {
  width: 200px;
  margin: 10px;
  text-align: left;
  line-height: 75px;
  font-size: 30px;
}
</style>
<div class="flex-container">
```{r message = FALSE}
head(mtcars)
```
</div>

এখানে এটি কোড head(mtcars)এবং এর আউটপুট পাশাপাশি দুটি অংশে রাখবে । আপনি যদি আরও একটি অংশ আগে রাখেন </div>তবে অর্ডারটি হবে: একটি অংশ, তার আউটপুট, একটি অংশ, এর আউটপুট ইত্যাদি the দুটি (বা আরও) কলামের প্রদর্শনকে কাস্টমাইজ করার জন্য অনেকগুলি বিকল্প রয়েছে। আমি করতে পারি না এমন বেশ কয়েকটি জিনিস রয়েছে:

আমি জানি না তিনটি অংশ অর্ডার করা সম্ভব কিনা। উদাহরণস্বরূপ, আপনি যদি তার সাথে একটি অংশ যোগ করেন তবে head(mtcars)অর্ডারটি হবে: ছান 1, চুঙ্ক 1 এর আউটপুট, অংশ 2। আমি জানি না এটি এটিকে পুনরায় সাজানো যায় কিনা: chunk1, chunk2, chunk1 এর আউটপুট।
যদি আমি এই কোডটি একটি পৃথক সিএসএস ফাইলে রাখি তবে সংশ্লিষ্ট অংশগুলি প্রদর্শিত হবে যেমন এটি সাধারণ পাঠ্য। আমি এই কোডটি কীভাবে একটি বহিরাগত সিএসএস ফাইলে রাখতে পারি? আমি জানি যে এই ব্যাখ্যা করা হয় blogdownএর বই , কিন্তু আমি শুধু এটা কাজ করতে পারিনি। আমি এখন পর্যন্ত যা চেষ্টা করেছি তা হ'ল:
- উপরে উল্লিখিত একটি ফাইলের মধ্যে ( <style>এবং এর মধ্যে </style>) কোডটি রাখুন যা আমি নামকরণ করেছি main.cssএবং আমি এটি রেখেছিthemes/tale-hugo/static/css
- আমার .Rmarkdownফাইলের শুরুতে নীচে কোডটি রাখুন । আমি ফাইলে আমার পথটি দ্বারা পাথ প্রতিস্থাপন করার চেষ্টা main.cssএবং আমি এও প্রতিস্থাপন শুধু চেষ্টা style.cssদ্বারা main.cssনিচের কোডে কিন্তু সাফল্য ছাড়া
```
<html>
    <link rel="stylesheet" href="/css/style.css" />
</html>
```
- আমি কাস্টমসিএসএস এ পথটি প্রবেশ করার চেষ্টা করেছি config.tomlকিন্তু এটি কার্যকর হয়নি
সিএসএস যেহেতু কাজ করছে বলে মনে হয়েছিল তাই এটি দেখতে ট্যাব তৈরি করা সম্ভব কিনা তা আমি দেখতে চেয়েছিলাম। এটি অবশ্যই সম্ভব তবে এটির জন্য কিছু জাভাস্ক্রিপ্ট কোড প্রয়োজন এবং আমি আগে কখনও এটি ব্যবহার করি নি তাই যদি কেউ এর সাথে সহায়তা করতে পারে তবে অগ্রিম ধন্যবাদ।

মূলত, এটি একটি কাজের ভিত্তি যা আমি সমাধানগুলি খুঁজে পেলে আপডেট হতে পারে তবে আপনি যদি এই সমস্যার কিছু সমাধান করতে জানেন তবে দ্বিধা করবেন না।

— bretauv
সূত্র

@ বিস্টকোডার এখানে এখন পর্যন্ত যা করেছি তা এখানে

— ব্রেতাউভ

যেহেতু আমার পূর্ববর্তী উত্তরটি কিছুটা অগোছালো এবং খুব বিশদ নয়, তাই আমি একটি নতুন উত্তর দিই যা আমি যা করতে চেয়েছিলাম তা দিয়ে ঠিক আছে (অর্থাত্ কিছু কোড খণ্ডে ভাঁজ হওয়ার সম্ভাবনা রয়েছে)।

সমাধানটি হ'ল জোনাথন সিডির বিশদ প্যাকেজটি ব্যবহার করুন , যেমন এই উত্তরের দ্বারা নির্দেশিত । মূলত, এই প্যাকেজটির লক্ষ্য ছিল এমন কিছু আউটপুটগুলি লুকানো যা অনেক বেশি জায়গা নেয়, যেমন sessionInfo, आर মার্কডাউন (এবং তাই আর ব্লগডাউনের সাথেও) এর সাথে তৈরি HTML নথিগুলিতে space এখানে একটি উদাহরণ রয়েছে (প্যাকেজের ওয়েবসাইট থেকে নেওয়া):

---
title: "Test"
output: html_document
---

```{r}
library(details)

sessioninfo::session_info()%>%
  details::details(summary = 'current session info')
```

যাইহোক, আমি যা গোপন করতে চাই তা কোনও আর কোডের আউটপুট নয় বরং স্টাটা কোডের (যা চালানো বোঝানো হয় না), যাতে পাঠকরা চাইলে স্টাটা কোডের সাথে আর কোডের তুলনা করতে পারেন। সুতরাং, আমাদের এটি করতে কিছু HTML ব্যবহার করতে হবে:

---
title: "Test"
output: html_document
---

## Regression with R and Stata

```{r, eval=FALSE}
lm(mpg ~ drat, data = mtcars)
```

<details>
<summary> Stata </summary>
```stata
regress y x
```
</details>

এখন, পাঠকরা চাইলে স্টাটা কোডটি দেখতে পারেন এবং যারা চান না তারা খুব বেশি কোড খণ্ডে বিভ্রান্ত হন না। এটি ব্লগডাউন নিবন্ধগুলির জন্যও কাজ করে (যেহেতু এটি কোনও ওয়েবসাইটের কিছু "মার্ক") just

আরও বৈশিষ্ট্য ( উদাহরণস্বরূপ গোপন খণ্ডগুলি কাস্টমাইজ করুন ) প্যাকেজের ওয়েবসাইটে বিস্তারিত রয়েছে।

— bretauv
সূত্র