🈸 🥚 👩 इंटरप्लेनेटरी फाइल सिस्टम - XSLT का उपयोग करके सरल IPFS ब्लॉग 🦐 ✌🏻 🥒

एक समस्या है: IPFS में एक साइट में पेज बनाने के लिए सर्वर-साइड स्क्रिप्ट का उपयोग करने की क्षमता नहीं है। यदि आप लोड करने से पहले पेज पीढ़ी का उपयोग करते हैं, तो प्रत्येक पृष्ठ पर एक नया मेनू आइटम जोड़कर हम इन पृष्ठों के हैश को बदल देंगे। इसलिए पृष्ठों की संपूर्ण असेंबली ब्राउज़र द्वारा की जानी चाहिए।

आमतौर पर जावास्क्रिप्ट का उपयोग करके पृष्ठों की सामग्री बनाते हैं। यह एक परिचित तकनीक है, लेकिन इसकी कमियां हैं।

मैं XSLT का उपयोग करूंगा। यह एक प्राचीन टेम्प्लेट तकनीक है जो लंबे समय से ब्राउज़रों में बनाई गई है लेकिन कुछ ही इसका उपयोग करते हैं। शायद क्योंकि टेम्प्लेट आपको स्पष्ट विवरण के बिना नामस्थान और बहुत सी गलतियों के साथ भ्रम के कारण बहुत अधिक पाठ लिखने देता है। इसके अलावा, इस तथ्य के बावजूद कि ब्राउज़रों में पहले से ही XSLT 3.0 हैं, केवल XSLT 1.0 अभी भी उपलब्ध है।

XSLT इस तरह काम करता है:

एक उपयोगकर्ता एक ब्राउज़र में एक XML दस्तावेज़ खोलता है।
XML हेडर में, दस्तावेज़ में XSLT टेम्पलेट का लिंक होता है।
```
<?xml-stylesheet href="xslt/.xslt" type="text/xsl" ?>
```
XML दस्तावेज़ और अन्य डेटा के आधार पर एक ब्राउज़र में एक टेम्पलेट एक एक्सएचटीएमएल दस्तावेज़ बनाता है।
ब्राउज़र परिणामी xHTML दस्तावेज़ प्रदर्शित करता है।

कई पेजों को एक टेम्प्लेट से लिंक करके, आप एक्सएमएल दस्तावेज़ों को बदले बिना प्रदर्शित एक्सएचटीएमएल दस्तावेज़ को बदल सकते हैं। इस प्रकार, डिजाइन बदलते समय, XML दस्तावेजों का हैश नहीं बदलेगा, जिसका अर्थ है कि उनकी पुरानी प्रतियां IPFS में नए लोगों के लिए स्रोत होंगी।

. XML .

XML . XML HTML:

.
<br />.
. .
```
<>
    < />
    <- />
    <-- />
</>
```
.
```
<>
     
</>
```

.xml

XML - :
: ' .xml'

<?xml version="1.0" encoding="UTF-8"?>
<?xml-stylesheet href="xslt/.xslt" type="text/xsl" ?>
<>
    <></>
    <>
        <></>
    </>
</>
<!--         -->

. . meta description. .

xHTML ( HTML ) .

: 'Lorem Ipsum.xml'

<?xml version="1.0" encoding="UTF-8"?>
<?xml-stylesheet href="xslt/.xslt" type="text/xsl" ?>
<>
    <>Lorem Ipsum</>
    <>
<h1>Lorem ipsum dolor sit amet</h1>

<>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Cras feugiat orci non orci tincidunt molestie. Donec eget porta metus. Aenean malesuada nunc lacus, a sollicitudin neque fermentum eu. <b style="color: green">Vestibulum egestas viverra urna</b>, sit amet mollis ipsum commodo imperdiet. Quisque sit amet est eu nibh commodo pharetra.</> Donec fermentum nisi nec lorem auctor imperdiet. Morbi ultricies at magna ullamcorper malesuada. In eget arcu dapibus, vehicula nunc vel, convallis erat. Cras accumsan lacus vel tellus gravida, eu gravida turpis congue. In ultrices pellentesque odio at hendrerit.

<h1>Cras nec lorem facilisis</h1>

Cras nec lorem facilisis justo porttitor scelerisque id id ipsum. Duis mattis, sem eu sollicitudin pharetra, diam augue ullamcorper nisl, id dictum turpis ex in nisl. Aliquam venenatis egestas urna eget porttitor. Suspendisse potenti. Curabitur fermentum fermentum nulla, a lobortis ipsum laoreet eget. Duis finibus lacus id tempor elementum. <i>Interdum et malesuada fames ac ante ipsum primis in faucibus</i>. Curabitur tempus eget turpis ut tincidunt. In quis massa et risus tempor luctus quis eu enim. Duis finibus sem sit amet elit scelerisque molestie. Suspendisse laoreet, leo ut accumsan dapibus, nisi tellus dignissim lorem, eu auctor tellus diam vel nisi. Donec sem tortor, suscipit a leo maximus, aliquet dapibus nisl. Integer sodales, dui ut vulputate pharetra, ipsum neque tempor ipsum, sed porta tortor quam a nisl.

Sed consequat purus sed porttitor pulvinar. Mauris sollicitudin non sem a malesuada. Vestibulum non velit finibus, elementum purus nec, aliquam lacus. Etiam leo enim, venenatis id luctus ut, ornare sit amet ex. Nunc vel fringilla ante. Cras lobortis scelerisque pulvinar. Ut lectus augue, viverra quis molestie eu, maximus nec leo. <u>Sed facilisis odio ut malesuada mollis</u>. Pellentesque enim lacus, luctus nec velit quis, scelerisque tincidunt magna. Proin laoreet, erat eget porttitor bibendum, odio augue suscipit purus, id commodo magna nibh sed est. Ut dignissim aliquet sem, id suscipit sapien mollis volutpat. Vivamus ac fringilla est, at sagittis diam.
    </>
</>

.xhtml

xHTML XSLT . . XSLT .

xHTML XML.

: 'xhtml/.xhtml'

<?xml version="1.0" encoding="UTF-8"?>
<html xmlns="http://www.w3.org/1999/xhtml">
    <head>
        <!--   <>     title    -->
        <title class="">   XML</title>
        <meta  class=""/>
        <!--       HTML -->
        <style>
            /*   xHTML    */

            .{
                white-space: pre-wrap;
            }

            /*       */

              . h1, . h2
            , . h3, . h4
            , . h5, . h6 {
                display: inline;
            }
        </style>
    </head>
    <body>
        <!--           -->
        <ul   class="" />
        <h1   class="" />
        <span class=""> <b style="color: red"><![CDATA[<></>]]></b>   .  .</span>
    </body>
</html>

.xslt

(XML xHTML) XSLT.

'.xhtml' XML. XML xHTML.

: 'xslt/.xslt'

<?xml version="1.0" encoding="UTF-8"?>
<xsl:stylesheet
  version="1.0"
  xmlns="http://www.w3.org/1999/xhtml"
  xmlns:xhtml="http://www.w3.org/1999/xhtml"
  xmlns:xsl="http://www.w3.org/1999/XSL/Transform">

    <!--
                '.xslt'
              
        Chrome     URL   URL
    -->
    <xsl:include href="%D0%BD%D0%B0%D0%B2%D0%B8%D0%B3%D0%B0%D1%86%D0%B8%D1%8F.xslt" />

    <!--      xHTML     XML -->
    <xsl:output method="xml" encoding="UTF-8"/>

    <!--        -->
    <xsl:variable name="" select="" />

    <!--     '.xhtml' -->
    <xsl:template match="/">
        <!-- mode            -->
        <xsl:apply-templates mode="xhtml" select="document('../xhtml/%D0%B7%D0%B0%D0%BF%D0%B8%D1%81%D1%8C.xhtml')" />
    </xsl:template>

    <!--        -->
    <xsl:template mode="xhtml" match="node()|@*">
        <xsl:copy>
            <xsl:apply-templates mode="xhtml" select="node()|@*"/>
        </xsl:copy>
    </xsl:template>

    <!--         '.xhtml' -->

    <!--   match    Firefox -->

    <!--    ''     '' -->
    <xsl:template mode="xhtml" match="*[contains(@class, '')]">
        <xsl:copy>
            <xsl:copy-of select="@*"/>
            <xsl:apply-templates mode="xml" select="$////node()" />
        </xsl:copy>
    </xsl:template>

    <!--   meta    '' -->
    <xsl:template mode="xhtml" match="xhtml:meta[contains(@class, '')]">
        <meta name="description" content="{$///}" />
    </xsl:template>

    <!--       -->
    <xsl:template mode="xhtml" match="*[contains(@class, '')]">
        <!--       '.xsl' -->
        <xsl:call-template name="" />
    </xsl:template>

    <!--    ''     '' -->
    <xsl:template mode="xhtml" match="*[contains(@class, '')]">
        <xsl:copy>
            <xsl:copy-of select="@*"/>
            <xsl:value-of select="$/" />
        </xsl:copy>
    </xsl:template>

    <!--    ''     '' -->
    <xsl:template mode="xhtml" match="*[contains(@class, '')]">
        <xsl:copy>
            <xsl:copy-of select="@*"/>
            <xsl:apply-templates mode="xml" select="$//node()" />
        </xsl:copy>
    </xsl:template>

    <!-- 
              xml 

              
        (   svg )  
     -->
    <xsl:template mode="xml" match="*[namespace-uri()]|@*">
        <xsl:copy>
            <xsl:apply-templates mode="xml" select="node()|@*" />
        </xsl:copy>
    </xsl:template>

    <!--       -->
    <xsl:template mode="xml" match="*">
        <!--
                 .    
                 
        -->
        <xsl:element name="{name()}">
            <xsl:apply-templates mode="xml" select="node()|@*" />
        </xsl:element>
    </xsl:template>

    <!--    ''    -->
    <xsl:template mode="xml" match="">
        <xsl:apply-templates mode="xml" select="node()|@*" />
    </xsl:template>

    <!--      xHTML  --> 
    <xsl:template mode="xml" match="h1|h2|h3|h4|h5">
        <!-- 
            h1       '' 
               xHTML  
        -->
        <xsl:element name="h{substring(name(), 2, 1) + 1}">
            <!--          id     -->
            <xsl:attribute name="id">
                <xsl:value-of select="." />
            </xsl:attribute>
            <xsl:apply-templates mode="xml" select="node()|@*" />
        </xsl:element>
    </xsl:template>

</xsl:stylesheet>

. .

.xml

XML :

: '.xml'

<?xml version="1.0" encoding="UTF-8"?>
<?xml-stylesheet href="xslt/.xslt" type="text/xsl" ?>
<>
    <> </>
</>
<!--         -->

'' xml .

<?xml version="1.0" encoding="UTF-8"?>
<?xml-stylesheet href="xslt/.xslt" type="text/xsl" ?>
<>
    <>Lorem Ipsum 1</>
    <>Lorem Ipsum 2</>
</>

.xslt

'.xml' xHTML .

: 'xslt/.xslt'

<?xml version="1.0" encoding="UTF-8"?>
<xsl:stylesheet
  version="1.0"
  xmlns="http://www.w3.org/1999/xhtml"
  xmlns:xsl="http://www.w3.org/1999/XSL/Transform">

    <!--      '.xsl' -->
    <xsl:template name="">
        <ul>
            <!--   -->
            <xsl:copy-of select="@*" />

            <!--     '.xml'   -->
            <xsl:apply-templates mode="" select="document('../%D0%B6%D1%83%D1%80%D0%BD%D0%B0%D0%BB.xml')//" />
        </ul>
    </xsl:template>

    <!--       -->
    <xsl:template mode="" match="">
        <li>
            <a href="{text()}.xml">
                <xsl:value-of select="text()" />
            </a>
        </li>
    </xsl:template>

</xsl:stylesheet>

index.html

IPFS index.html. XML .

'.xml'.

: 'index.html'

<?xml version="1.0" encoding="UTF-8"?>
<html xmlns="http://www.w3.org/1999/xhtml">
    <head>
        <title></title>
        <!--     '.xml' -->
        <!-- Firefox      url   -->
        <meta http-equiv="refresh" content="0; url=%D0%B6%D1%83%D1%80%D0%BD%D0%B0%D0%BB.xml" />
    </head>
    <body>
        <!--        -->
         :
        "<a class="" href=".xml"></a>"
    </body>
</html>

HTML . XML HTML . .

.xslt

'.xml' '.xslt'. '.xml' 'index.html' .

: 'xslt/.xslt'

<?xml version="1.0" encoding="UTF-8"?>
<xsl:stylesheet
  version="1.0"
  xmlns="http://www.w3.org/1999/xhtml"
  xmlns:xhtml="http://www.w3.org/1999/xhtml"
  xmlns:xsl="http://www.w3.org/1999/XSL/Transform">

    <xsl:output method="xml" encoding="UTF-8"/>

    <xsl:variable name="" select="//text()" />

    <xsl:template match="/">
        <!--       -->
        <xsl:apply-templates mode="html" select="document('../index.html')" />
    </xsl:template>

    <!--     -->
    <xsl:template mode="html" match="node()|@*">
        <xsl:copy>
            <xsl:apply-templates mode="html" select="node()|@*" />
        </xsl:copy>
    </xsl:template>

    <!--    -->

    <!--     -->
    <xsl:template mode="html" match="xhtml:meta[@http-equiv='refresh']">
        <!--
             
             1.   URL
                      URL
        -->
        <base href="{$}.xml" />

        <!-- 2.   -->
        <meta http-equiv="refresh" content="0; url=#" />
    </xsl:template>

    <!--         -->
    <xsl:template mode="html" match="xhtml:a[@class='']">
        <a href="" class="{@class}">
            <xsl:value-of select="$" />
        </a>
    </xsl:template>

</xsl:stylesheet>

'.xslt' .

'.xml' :

<?xml version="1.0" encoding="UTF-8"?>
<?xml-stylesheet href="xslt/.xslt" type="text/xsl" ?>
<>
    <>  </>
</>

' .xml' ' .xml'

<?xml version="1.0" encoding="UTF-8"?>
<?xml-stylesheet href="xslt/.xslt" type="text/xsl" ?>
<>
    <>  </>
    <>
   .
    </>
</>

IPFS .

Firefox

about:config security.fileuri.strict_origin_policy false

Chrome

--allow-file-access-from-files

IPFS

ID

ipfs key gen -t rsa blog

ipfs
```
ipfs add -r -s rabin --inline --raw-leaves --fscache < >
```
-r —
-s rabin — jpeg, mp3 .
--inline — .
--raw-leaves — --nocopy .
--fscache — .
ID .
```
ipfs name publish -k blog <>
```

http://127.0.0.1:8080/ipfs/<>
http://127.0.0.1:8080/ipns/<id >

http://gateway.ipfs.io/ipfs/<>
http://gateway.ipfs.io/ipns/<id >

. ID .

स्वाभाविक रूप से, इस ब्लॉग का डिज़ाइन और कार्यक्षमता उपयोगकर्ता की आवश्यकताओं को पूरा करने के लिए विकसित और विकसित की जानी चाहिए। मैं कुछ आधार निर्धारित करता हूं जिससे आगे विकास करना है।

संदर्भ

XSLT
GitHub कोड पर अच्छा संदर्भ ( स्नैपशॉट )

इंटरप्लेनेटरी फाइल सिस्टम - XSLT का उपयोग करके सरल IPFS ब्लॉग

.xml

.xhtml

.xslt

.xml

.xslt

index.html

.xslt

Firefox

Chrome

IPFS

ID

संदर्भ

More articles: