http://kenji.blog/de/categories/blog-management/Recent content in Blog-Management on kenji.blogHugo -- gohugo.iodekenjinoteSat, 06 Apr 2024 15:36:54 +0900http://kenji.blog/de/p/web%E3%83%9A%E3%83%BC%E3%82%B8%E3%81%AE%E8%87%AA%E5%8B%95%E6%9B%B4%E6%96%B0%E3%83%96%E3%83%A9%E3%82%A6%E3%82%B6%E6%8B%A1%E5%BC%B5edge%E3%82%A2%E3%83%89%E3%82%AA%E3%83%B3/Sat, 06 Apr 2024 15:36:54 +0900http://kenji.blog/de/p/web%E3%83%9A%E3%83%BC%E3%82%B8%E3%81%AE%E8%87%AA%E5%8B%95%E6%9B%B4%E6%96%B0%E3%83%96%E3%83%A9%E3%82%A6%E3%82%B6%E6%8B%A1%E5%BC%B5edge%E3%82%A2%E3%83%89%E3%82%AA%E3%83%B3/<img src="http://kenji.blog/p/web%E3%83%9A%E3%83%BC%E3%82%B8%E3%81%AE%E8%87%AA%E5%8B%95%E6%9B%B4%E6%96%B0%E3%83%96%E3%83%A9%E3%82%A6%E3%82%B6%E6%8B%A1%E5%BC%B5edge%E3%82%A2%E3%83%89%E3%82%AA%E3%83%B3/img.png" alt="Featured image of post Webseiten-Auto-Refresh-Browsererweiterung (Edge-Add-on)" /><p>Hier stellen wir „Tab Auto Refresh“ vor, eine Edge-Browsererweiterung, die Webseiten automatisch aktualisiert.</p> <h2 id="installation-von-tab-auto-refresh">Installation von Tab Auto Refresh </h2><p><a class="link" href="https://microsoftedge.microsoft.com/addons/detail/%E3%82%BF%E3%83%96%E3%81%AE%E8%87%AA%E5%8B%95%E6%9B%B4%E6%96%B0/bicjibdndeejemialpbohjpiimehbapb" target="_blank" rel="noopener" >Tab Auto Refresh</a></p> <p>Greifen Sie auf die obige Website zu und klicken Sie auf <code>Installieren</code>.</p> <p><img src="http://kenji.blog/p/web%E3%83%9A%E3%83%BC%E3%82%B8%E3%81%AE%E8%87%AA%E5%8B%95%E6%9B%B4%E6%96%B0%E3%83%96%E3%83%A9%E3%82%A6%E3%82%B6%E6%8B%A1%E5%BC%B5edge%E3%82%A2%E3%83%89%E3%82%AA%E3%83%B3/img_2.png" width="1273" height="293" srcset="http://kenji.blog/p/web%E3%83%9A%E3%83%BC%E3%82%B8%E3%81%AE%E8%87%AA%E5%8B%95%E6%9B%B4%E6%96%B0%E3%83%96%E3%83%A9%E3%82%A6%E3%82%B6%E6%8B%A1%E5%BC%B5edge%E3%82%A2%E3%83%89%E3%82%AA%E3%83%B3/img_2_hub66f442627eafd2aa9852e4d513af28c_23623_480x0_resize_box_3.png 480w, http://kenji.blog/p/web%E3%83%9A%E3%83%BC%E3%82%B8%E3%81%AE%E8%87%AA%E5%8B%95%E6%9B%B4%E6%96%B0%E3%83%96%E3%83%A9%E3%82%A6%E3%82%B6%E6%8B%A1%E5%BC%B5edge%E3%82%A2%E3%83%89%E3%82%AA%E3%83%B3/img_2_hub66f442627eafd2aa9852e4d513af28c_23623_1024x0_resize_box_3.png 1024w" loading="lazy" alt="img_2.png" class="gallery-image" data-flex-grow="434" data-flex-basis="1042px" ></p> <p>Klicken Sie auf <code>Erweiterung hinzufügen</code>.</p> <p><img src="http://kenji.blog/p/web%E3%83%9A%E3%83%BC%E3%82%B8%E3%81%AE%E8%87%AA%E5%8B%95%E6%9B%B4%E6%96%B0%E3%83%96%E3%83%A9%E3%82%A6%E3%82%B6%E6%8B%A1%E5%BC%B5edge%E3%82%A2%E3%83%89%E3%82%AA%E3%83%B3/img_3.png" width="451" height="117" srcset="http://kenji.blog/p/web%E3%83%9A%E3%83%BC%E3%82%B8%E3%81%AE%E8%87%AA%E5%8B%95%E6%9B%B4%E6%96%B0%E3%83%96%E3%83%A9%E3%82%A6%E3%82%B6%E6%8B%A1%E5%BC%B5edge%E3%82%A2%E3%83%89%E3%82%AA%E3%83%B3/img_3_hu76927d4adfd21a9bc7e2622ce89ec4f1_7963_480x0_resize_box_3.png 480w, http://kenji.blog/p/web%E3%83%9A%E3%83%BC%E3%82%B8%E3%81%AE%E8%87%AA%E5%8B%95%E6%9B%B4%E6%96%B0%E3%83%96%E3%83%A9%E3%82%A6%E3%82%B6%E6%8B%A1%E5%BC%B5edge%E3%82%A2%E3%83%89%E3%82%AA%E3%83%B3/img_3_hu76927d4adfd21a9bc7e2622ce89ec4f1_7963_1024x0_resize_box_3.png 1024w" loading="lazy" alt="img_3.png" class="gallery-image" data-flex-grow="385" data-flex-basis="925px" ></p> <h2 id="verwendung">Verwendung </h2><p>Nach der Installation wird in der oberen rechten Ecke von Edge ein Symbol hinzugefügt.</p> <p><img src="http://kenji.blog/p/web%E3%83%9A%E3%83%BC%E3%82%B8%E3%81%AE%E8%87%AA%E5%8B%95%E6%9B%B4%E6%96%B0%E3%83%96%E3%83%A9%E3%82%A6%E3%82%B6%E6%8B%A1%E5%BC%B5edge%E3%82%A2%E3%83%89%E3%82%AA%E3%83%B3/img_4.png" width="67" height="37" srcset="http://kenji.blog/p/web%E3%83%9A%E3%83%BC%E3%82%B8%E3%81%AE%E8%87%AA%E5%8B%95%E6%9B%B4%E6%96%B0%E3%83%96%E3%83%A9%E3%82%A6%E3%82%B6%E6%8B%A1%E5%BC%B5edge%E3%82%A2%E3%83%89%E3%82%AA%E3%83%B3/img_4_hu2426c2158830cf89cd3747985b808d16_425_480x0_resize_box_3.png 480w, http://kenji.blog/p/web%E3%83%9A%E3%83%BC%E3%82%B8%E3%81%AE%E8%87%AA%E5%8B%95%E6%9B%B4%E6%96%B0%E3%83%96%E3%83%A9%E3%82%A6%E3%82%B6%E6%8B%A1%E5%BC%B5edge%E3%82%A2%E3%83%89%E3%82%AA%E3%83%B3/img_4_hu2426c2158830cf89cd3747985b808d16_425_1024x0_resize_box_3.png 1024w" loading="lazy" alt="img_4.png" class="gallery-image" data-flex-grow="181" data-flex-basis="434px" ></p> <p>Öffnen Sie die Webseite, die Sie automatisch aktualisieren möchten, und klicken Sie auf das Symbol, um die automatische Aktualisierung zu starten.</p> <p><img src="http://kenji.blog/p/web%E3%83%9A%E3%83%BC%E3%82%B8%E3%81%AE%E8%87%AA%E5%8B%95%E6%9B%B4%E6%96%B0%E3%83%96%E3%83%A9%E3%82%A6%E3%82%B6%E6%8B%A1%E5%BC%B5edge%E3%82%A2%E3%83%89%E3%82%AA%E3%83%B3/img_1.png" width="565" height="345" srcset="http://kenji.blog/p/web%E3%83%9A%E3%83%BC%E3%82%B8%E3%81%AE%E8%87%AA%E5%8B%95%E6%9B%B4%E6%96%B0%E3%83%96%E3%83%A9%E3%82%A6%E3%82%B6%E6%8B%A1%E5%BC%B5edge%E3%82%A2%E3%83%89%E3%82%AA%E3%83%B3/img_1_hu36cf9795d5097e9109b83445e7aae628_79361_480x0_resize_box_3.png 480w, http://kenji.blog/p/web%E3%83%9A%E3%83%BC%E3%82%B8%E3%81%AE%E8%87%AA%E5%8B%95%E6%9B%B4%E6%96%B0%E3%83%96%E3%83%A9%E3%82%A6%E3%82%B6%E6%8B%A1%E5%BC%B5edge%E3%82%A2%E3%83%89%E3%82%AA%E3%83%B3/img_1_hu36cf9795d5097e9109b83445e7aae628_79361_1024x0_resize_box_3.png 1024w" loading="lazy" alt="img_1.png" class="gallery-image" data-flex-grow="163" data-flex-basis="393px" ></p> <p>Der grün umrandete Bereich ist das Intervall für die automatische Aktualisierung. Wählen Sie den Zeitpunkt aus, an dem die automatische Aktualisierung erfolgen soll.</p> <p>Um die automatische Aktualisierung zu beenden, klicken Sie auf das Symbol und dann auf <code>Stop reloading this tab</code>.</p> <p><img src="http://kenji.blog/p/web%E3%83%9A%E3%83%BC%E3%82%B8%E3%81%AE%E8%87%AA%E5%8B%95%E6%9B%B4%E6%96%B0%E3%83%96%E3%83%A9%E3%82%A6%E3%82%B6%E6%8B%A1%E5%BC%B5edge%E3%82%A2%E3%83%89%E3%82%AA%E3%83%B3/img_5.png" width="565" height="395" srcset="http://kenji.blog/p/web%E3%83%9A%E3%83%BC%E3%82%B8%E3%81%AE%E8%87%AA%E5%8B%95%E6%9B%B4%E6%96%B0%E3%83%96%E3%83%A9%E3%82%A6%E3%82%B6%E6%8B%A1%E5%BC%B5edge%E3%82%A2%E3%83%89%E3%82%AA%E3%83%B3/img_5_hud3ff5692d970d8f2ac1fd8633c8cc9ef_79989_480x0_resize_box_3.png 480w, http://kenji.blog/p/web%E3%83%9A%E3%83%BC%E3%82%B8%E3%81%AE%E8%87%AA%E5%8B%95%E6%9B%B4%E6%96%B0%E3%83%96%E3%83%A9%E3%82%A6%E3%82%B6%E6%8B%A1%E5%BC%B5edge%E3%82%A2%E3%83%89%E3%82%AA%E3%83%B3/img_5_hud3ff5692d970d8f2ac1fd8633c8cc9ef_79989_1024x0_resize_box_3.png 1024w" loading="lazy" alt="img_5.png" class="gallery-image" data-flex-grow="143" data-flex-basis="343px" ></p>http://kenji.blog/de/p/%E3%81%8B%E3%81%A3%E3%81%93%E3%81%84%E3%81%84-web-%E3%83%9A%E3%83%BC%E3%82%B8%E3%83%86%E3%83%B3%E3%83%97%E3%83%AC%E3%83%BC%E3%83%88html5up/Mon, 17 Apr 2023 00:26:55 +0900http://kenji.blog/de/p/%E3%81%8B%E3%81%A3%E3%81%93%E3%81%84%E3%81%84-web-%E3%83%9A%E3%83%BC%E3%82%B8%E3%83%86%E3%83%B3%E3%83%97%E3%83%AC%E3%83%BC%E3%83%88html5up/<img src="http://kenji.blog/p/%E3%81%8B%E3%81%A3%E3%81%93%E3%81%84%E3%81%84-web-%E3%83%9A%E3%83%BC%E3%82%B8%E3%83%86%E3%83%B3%E3%83%97%E3%83%AC%E3%83%BC%E3%83%88html5up/img.png" alt="Featured image of post Cooles Webseiten-Template (html5up)" /><p>Cooles Webseiten-Template</p> <ul> <li>html5up <a class="link" href="https://html5up.net/" target="_blank" rel="noopener" >https://html5up.net/</a></li> </ul> <p>Ich dachte, ich würde es gerne verwenden, also ist hier eine Notiz.</p>http://kenji.blog/de/p/ueber-die-foto-website-fuer-blogs-unsplash/Sun, 02 Apr 2023 14:44:17 +0900http://kenji.blog/de/p/ueber-die-foto-website-fuer-blogs-unsplash/<img src="http://kenji.blog/p/%E3%83%96%E3%83%AD%E3%82%B0%E3%81%A7%E4%BD%BF%E3%81%88%E3%82%8B%E5%86%99%E7%9C%9F%E7%B4%A0%E6%9D%90%E3%82%B5%E3%82%A4%E3%83%88unsplash%E3%81%AB%E3%81%A4%E3%81%84%E3%81%A6/img_1.png" alt="Featured image of post Über die Foto-Website für Blogs "Unsplash"" /><h2 id="über-unsplash">Über &ldquo;Unsplash&rdquo; </h2><p><a class="link" href="https://unsplash.com/ja/" target="_blank" rel="noopener" >https://unsplash.com/ja/</a></p> <p>Die Fotomaterial-Website &ldquo;Unsplash&rdquo; lässt sich wie folgt zusammenfassen:</p> <ul> <li>Alle Bilder können kostenlos genutzt werden</li> <li>Kommerzielle Nutzung erlaubt</li> <li>Bildbearbeitung erlaubt</li> <li>Keine Genehmigung erforderlich</li> <li>Keine Namensnennung erforderlich</li> </ul> <p>Es ist sehr benutzerfreundlich beim Schreiben von Blogartikeln, also probieren Sie es unbedingt aus.</p> <p>※ Informationen zur Lizenz finden Sie unten in der &ldquo;Fußnote&rdquo;. <sup id="fnref:1"><a href="#fn:1" class="footnote-ref" role="doc-noteref">1</a></sup></p> <p>Wir werden diese Website ebenfalls nutzen.</p> <div class="footnotes" role="doc-endnotes"> <hr> <ol> <li id="fn:1"> <p><a class="link" href="https://unsplash.com/ja/%E3%83%A9%E3%82%A4%E3%82%BB%E3%83%B3%E3%82%B9" target="_blank" rel="noopener" >Unsplash-Lizenz</a>&#160;<a href="#fnref:1" class="footnote-backref" role="doc-backlink">&#x21a9;&#xfe0e;</a></p> </li> </ol> </div>http://kenji.blog/de/p/verwendung-von-html-tags-in-hugo/Tue, 17 Jan 2023 19:20:32 +0900http://kenji.blog/de/p/verwendung-von-html-tags-in-hugo/<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 Verwendung von HTML-Tags in HUGO" /><p>Standardmäßig erlaubt HUGO die Verwendung von HTML-Tags in Artikeln nicht, aber Sie können dies aktivieren, indem Sie die folgende Beschreibung in die config.toml einfügen.</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>Referenz: <a class="link" href="https://gohugo.io/getting-started/configuration-markup" target="_blank" rel="noopener" >Configure Markup</a></p>http://kenji.blog/de/p/alle-kontrollk%C3%A4stchen-auf-einer-webseite-aktivieren/Wed, 05 Oct 2022 20:07:06 +0900http://kenji.blog/de/p/alle-kontrollk%C3%A4stchen-auf-einer-webseite-aktivieren/<img src="http://kenji.blog/p/web%E3%83%9A%E3%83%BC%E3%82%B8%E5%86%85%E3%81%AE%E3%81%99%E3%81%B9%E3%81%A6%E3%81%AE%E3%83%81%E3%82%A7%E3%83%83%E3%82%AF%E3%83%9C%E3%83%83%E3%82%AF%E3%82%B9%E3%82%92%E5%85%A8%E3%83%81%E3%82%A7%E3%83%83%E3%82%AF%E3%81%99%E3%82%8B/img.png" alt="Featured image of post Alle Kontrollkästchen auf einer Webseite aktivieren" /><p>Um alle Kontrollkästchen auf einer Webseite zu aktivieren, öffnen Sie die DevTools mit F12, fügen Sie den folgenden Code in die Konsole ein und führen Sie ihn aus.</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><span class="lnt">3 </span><span class="lnt">4 </span><span class="lnt">5 </span><span class="lnt">6 </span></code></pre></td> <td class="lntd"> <pre tabindex="0" class="chroma"><code class="language-js" data-lang="js"><span class="line"><span class="cl"><span class="kd">let</span> <span class="nx">boxes</span> <span class="o">=</span> <span class="nb">document</span><span class="p">.</span><span class="nx">querySelectorAll</span><span class="p">(</span><span class="s1">&#39;input[type=&#34;checkbox&#34;]&#39;</span><span class="p">);</span> </span></span><span class="line"><span class="cl"><span class="k">for</span> <span class="p">(</span><span class="kd">let</span> <span class="nx">i</span> <span class="o">=</span> <span class="mi">0</span><span class="p">;</span> <span class="nx">i</span> <span class="o">&lt;</span> <span class="nx">boxes</span><span class="p">.</span><span class="nx">length</span><span class="p">;</span> <span class="nx">i</span><span class="o">++</span><span class="p">)</span> <span class="p">{</span> </span></span><span class="line"><span class="cl"> <span class="k">if</span> <span class="p">(</span><span class="o">!</span><span class="nx">boxes</span><span class="p">[</span><span class="nx">i</span><span class="p">].</span><span class="nx">disabled</span><span class="p">)</span> <span class="p">{</span> </span></span><span class="line"><span class="cl"> <span class="nx">boxes</span><span class="p">[</span><span class="nx">i</span><span class="p">].</span><span class="nx">checked</span> <span class="o">=</span> <span class="kc">true</span><span class="p">;</span> </span></span><span class="line"><span class="cl"> <span class="p">}</span> </span></span><span class="line"><span class="cl"><span class="p">}</span> </span></span></code></pre></td></tr></table> </div> </div><p>Oder,</p> <p>Erstellen Sie ein neues Lesezeichen und fügen Sie den folgenden Code in die Registrierungsadresse ein (der Teil, in den Sie normalerweise https://&hellip; eingeben). Zeigen Sie die Webseite an, die Sie aktivieren möchten, und klicken Sie auf das erstellte Lesezeichen. Alle Kontrollkästchen werden aktiviert.</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></code></pre></td> <td class="lntd"> <pre tabindex="0" class="chroma"><code class="language-fallback" data-lang="fallback"><span class="line"><span class="cl">javascript:(function(){let boxes=document.querySelectorAll(&#39;input[type=&#34;checkbox&#34;]&#39;);for(let i=0;i&lt;boxes.length;i++){if(!boxes[i].disabled){boxes[i].checked=true;}}})(); </span></span></code></pre></td></tr></table> </div> </div><p>Um alle zu deaktivieren, ändern Sie bitte den Teil <code>boxes[i].checked = true;</code> des obigen Skripts in <code>boxes[i].checked = false;</code>.</p>http://kenji.blog/de/p/hugo%E3%81%A7%E4%BD%BF%E3%81%88%E3%82%8B%E3%82%B7%E3%83%A7%E3%83%BC%E3%83%88%E3%82%B3%E3%83%BC%E3%83%89/Sun, 11 Sep 2022 22:59:52 +0900http://kenji.blog/de/p/hugo%E3%81%A7%E4%BD%BF%E3%81%88%E3%82%8B%E3%82%B7%E3%83%A7%E3%83%BC%E3%83%88%E3%82%B3%E3%83%BC%E3%83%89/<img src="http://kenji.blog/p/hugo%E3%81%A7%E4%BD%BF%E3%81%88%E3%82%8B%E3%82%B7%E3%83%A7%E3%83%BC%E3%83%88%E3%82%B3%E3%83%BC%E3%83%89/img.png" alt="Featured image of post Nützliche Shortcodes in HUGO" /><h1 id="nützliche-shortcodes-in-hugo">Nützliche Shortcodes in HUGO </h1><h2 id="youtube">YouTube </h2><p><code>{{&lt;youtube 123456abc&gt;}}</code></p> <h2 id="twitter">Twitter </h2><p><code>{{&lt;twitter 123456abc&gt;}}</code></p> <h2 id="instagram">Instagram </h2><p><code>{{&lt;instagram 123456abc&gt;}}</code></p> <h2 id="flickr">Flickr </h2><p><code>{{&lt;flickr 123456abc&gt;}}</code></p> <h2 id="vimeo">Vimeo </h2><p><code>{{&lt;vimeo 123456abc&gt;}}</code></p> <h2 id="andere">Andere </h2><p><a class="link" href="https://gohugo.io/content-management/shortcodes/" target="_blank" rel="noopener" >Shortcodes</a></p> <h2 id="zusätzliche-anmerkung">Zusätzliche Anmerkung </h2><p>Um <code>{{&lt; foo &gt;}}</code> auf der Website anzuzeigen, müssen Sie <code>{{&lt;/* foo */&gt;}}</code> schreiben.</p>