http://kenji.blog/hi/tags/html/Recent content in HTML on kenji.blogHugo -- gohugo.iohikenjinoteThu, 06 Apr 2023 23:23:46 +0900http://kenji.blog/hi/p/html%E3%81%A7%E3%83%97%E3%83%AC%E3%82%BC%E3%83%B3%E8%B3%87%E6%96%99%E3%82%92%E4%BD%9C%E3%82%8B%E6%96%B9%E6%B3%95reveal.js/Thu, 06 Apr 2023 23:23:46 +0900http://kenji.blog/hi/p/html%E3%81%A7%E3%83%97%E3%83%AC%E3%82%BC%E3%83%B3%E8%B3%87%E6%96%99%E3%82%92%E4%BD%9C%E3%82%8B%E6%96%B9%E6%B3%95reveal.js/<img src="http://kenji.blog/p/html%E3%81%A7%E3%83%97%E3%83%AC%E3%82%BC%E3%83%B3%E8%B3%87%E6%96%99%E3%82%92%E4%BD%9C%E3%82%8B%E6%96%B9%E6%B3%95reveal.js/img.png" alt="Featured image of post HTML के साथ प्रेजेंटेशन कैसे बनाएं (reveal.js)" /><h1 id="html-क-सथ-परजटशन-कस-बनए">HTML के साथ प्रेजेंटेशन कैसे बनाएं </h1><p>reveal.js, HTML और Markdown का उपयोग करने वाला एक प्रेजेंटेशन निर्माण उपकरण है, जिसमें निम्नलिखित विशेषताएं हैं:</p> <ul> <li>गणितीय सूत्र, एनिमेशन और स्वाइप संचालन जैसी विभिन्न प्रेजेंटेशन विशेषताएं</li> <li>अनुकूलन योग्य थीम और लेआउट</li> <li>माउस, कीबोर्ड और टचपैड जैसे कई उपकरणों के लिए नेविगेशन समर्थन</li> <li>स्लाइड ऑटो-प्ले और एम्बेडेड वीडियो जैसी उन्नत विशेषताएं प्रदान करता है</li> <li>PDF प्रारूप में निर्यात किया जा सकता है</li> </ul> <p>इन सुविधाओं के साथ, उपयोगकर्ता आसानी से इंटरैक्टिव और आकर्षक प्रेजेंटेशन बना सकते हैं।</p> <h1 id="revealjs-क-सथपन-और-उपयग">reveal.js की स्थापना और उपयोग </h1><p>इसे उपयोग करने का सबसे आसान तरीका निम्नलिखित पृष्ठ से संपूर्ण ZIP डाउनलोड करना और उसे निकालना है।</p> <ol> <li><a class="link" href="https://revealjs.com/installation" target="_blank" rel="noopener" >https://revealjs.com/installation</a> खोलें और लिंक से <code>master.zip</code> डाउनलोड करें</li> <li>निकाले गए फ़ोल्डर में मौजूद index.html को ब्राउज़र में खोलें</li> <li>अपनी खुद की प्रेजेंटेशन सामग्री बनाने के लिए index.html को फिर से लिखें</li> </ol> <p>※ चूंकि डेमो HTML कोड demo.html में लिखा गया है, आप इसे संदर्भ के रूप में उपयोग कर सकते हैं।</p> <h1 id="कस-उपयग-कर">कैसे उपयोग करें </h1><p>आपके द्वारा बनाए गए प्रेजेंटेशन को वेब पेजों के रूप में प्रकाशित किया जा सकता है या PDF के रूप में निर्यात किया जा सकता है। इसके अलावा, चूंकि प्रेजेंटेशन का स्रोत पाठ है, इसलिए इसे संस्करण नियंत्रण प्रणाली के साथ प्रबंधित करना आसान है।</p> <p>Markdown प्रारूप में प्रेजेंटेशन सामग्री बनाना भी संभव लगता है।</p> <h1 id="सदरभ">संदर्भ </h1><ul> <li><a class="link" href="https://qiita.com/Targityen/items/40ae4795e2cb77c1adc6" target="_blank" rel="noopener" >आइए भविष्य में प्रेजेंटेशन सामग्री के लिए reveal.js का उपयोग करें</a></li> <li><a class="link" href="https://qiita.com/jkjoluvjlajelljicvjzojieoaid/items/01cd7ff819bc2e69b652" target="_blank" rel="noopener" >Markdown सिंटैक्स नमूना सूची</a></li> </ul>http://kenji.blog/hi/p/hugo-%E0%A4%AE%E0%A5%87%E0%A4%82-html-%E0%A4%9F%E0%A5%88%E0%A4%97-%E0%A4%95%E0%A4%BE-%E0%A4%89%E0%A4%AA%E0%A4%AF%E0%A5%8B%E0%A4%97-%E0%A4%95%E0%A4%B0%E0%A4%A8%E0%A4%BE/Tue, 17 Jan 2023 19:20:32 +0900http://kenji.blog/hi/p/hugo-%E0%A4%AE%E0%A5%87%E0%A4%82-html-%E0%A4%9F%E0%A5%88%E0%A4%97-%E0%A4%95%E0%A4%BE-%E0%A4%89%E0%A4%AA%E0%A4%AF%E0%A5%8B%E0%A4%97-%E0%A4%95%E0%A4%B0%E0%A4%A8%E0%A4%BE/<img src="http://kenji.blog/p/hugo%E3%81%A7html%E3%82%BF%E3%82%B0%E3%82%92%E4%BD%BF%E3%81%86/img.png" alt="Featured image of post HUGO में HTML टैग का उपयोग करना" /><p>डिफ़ॉल्ट रूप से, HUGO लेखों में HTML टैग के उपयोग की अनुमति नहीं देता है, लेकिन आप config.toml में निम्नलिखित विवरण जोड़कर इसे सक्षम कर सकते हैं।</p> <div class="highlight"><div class="chroma"> <table class="lntable"><tr><td class="lntd"> <pre tabindex="0" class="chroma"><code><span class="lnt">1 </span><span class="lnt">2 </span></code></pre></td> <td class="lntd"> <pre tabindex="0" class="chroma"><code class="language-toml" data-lang="toml"><span class="line"><span class="cl"><span class="p">[</span><span class="nx">markup</span><span class="p">.</span><span class="nx">goldmark</span><span class="p">.</span><span class="nx">renderer</span><span class="p">]</span> </span></span><span class="line"><span class="cl"> <span class="nx">unsafe</span> <span class="p">=</span> <span class="kc">true</span> </span></span></code></pre></td></tr></table> </div> </div><p>संदर्भ: <a class="link" href="https://gohugo.io/getting-started/configuration-markup" target="_blank" rel="noopener" >Configure Markup</a></p>