http://kenji.blog/pt/categories/gest%C3%A3o-de-blog/Recent content in Gestão De Blog on kenji.blogHugo -- gohugo.ioptkenjinoteSat, 06 Apr 2024 15:36:54 +0900http://kenji.blog/pt/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/pt/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 Extensão de atualização automática de páginas web (Add-on Edge)" /><p>Apresentamos o &ldquo;Tab Auto Refresh&rdquo;, uma extensão do navegador Edge que atualiza automaticamente as páginas web.</p> <h2 id="instalação-do-tab-auto-refresh">Instalação do 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>Acesse o site acima e clique em <code>Instalar</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>Clique em <code>Adicionar extensão</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="como-usar">Como usar </h2><p>Após a instalação, um ícone será adicionado no canto superior direito do Edge.</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>Abra a página web que deseja atualizar automaticamente e clique no ícone para iniciar a atualização automática.</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>A área destacada em verde é o intervalo de atualização automática. Selecione o momento em que deseja que a atualização automática ocorra.</p> <p>Para parar a atualização automática, clique no ícone e depois clique em <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/pt/p/sobre-o-site-de-material-fotografico-para-blogs-unsplash/Sun, 02 Apr 2023 14:44:17 +0900http://kenji.blog/pt/p/sobre-o-site-de-material-fotografico-para-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 Sobre o site de material fotográfico para blogs "Unsplash"" /><h2 id="sobre-o-unsplash">Sobre o &ldquo;Unsplash&rdquo; </h2><p><a class="link" href="https://unsplash.com/ja/" target="_blank" rel="noopener" >https://unsplash.com/ja/</a></p> <p>O site de material fotográfico &ldquo;Unsplash&rdquo; pode ser resumido da seguinte forma:</p> <ul> <li>Todas as imagens podem ser usadas gratuitamente</li> <li>Uso comercial permitido</li> <li>Modificação de imagem permitida</li> <li>Nenhuma permissão é necessária</li> <li>Não requer atribuição de crédito</li> </ul> <p>É muito fácil de usar ao escrever artigos para blogs, então não deixe de experimentar.</p> <p>※ Para obter informações sobre a licença, consulte a &ldquo;Nota de rodapé&rdquo; abaixo. <sup id="fnref:1"><a href="#fn:1" class="footnote-ref" role="doc-noteref">1</a></sup></p> <p>Também usaremos este site.</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" >Licença do Unsplash</a>&#160;<a href="#fnref:1" class="footnote-backref" role="doc-backlink">&#x21a9;&#xfe0e;</a></p> </li> </ol> </div>http://kenji.blog/pt/p/usando-tags-html-no-hugo/Tue, 17 Jan 2023 19:20:32 +0900http://kenji.blog/pt/p/usando-tags-html-no-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 Usando tags HTML no HUGO" /><p>Por padrão, o HUGO não permite o uso de tags HTML em artigos, mas você pode ativá-lo adicionando a seguinte descrição ao 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>Referência: <a class="link" href="https://gohugo.io/getting-started/configuration-markup" target="_blank" rel="noopener" >Configure Markup</a></p>http://kenji.blog/pt/p/marcar-todas-as-caixas-de-sele%C3%A7%C3%A3o-em-uma-p%C3%A1gina-da-web/Wed, 05 Oct 2022 20:07:06 +0900http://kenji.blog/pt/p/marcar-todas-as-caixas-de-sele%C3%A7%C3%A3o-em-uma-p%C3%A1gina-da-web/<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 Marcar todas as caixas de seleção em uma página da web" /><p>Para marcar todas as caixas de seleção em uma página da web, abra o DevTools com F12, cole o seguinte código no console e execute-o.</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>Ou,</p> <p>Crie um novo favorito e cole o seguinte código no endereço de registro (a parte onde você normalmente digita https://&hellip;). Exiba a página da web que deseja marcar e clique no favorito criado; todas as caixas de seleção serão marcadas.</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>Para desmarcar todas, altere a parte <code>boxes[i].checked = true;</code> do script acima para <code>boxes[i].checked = false;</code>.</p>http://kenji.blog/pt/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/pt/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 Shortcodes úteis no HUGO" /><h1 id="shortcodes-úteis-no-hugo">Shortcodes úteis no 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="outros">Outros </h2><p><a class="link" href="https://gohugo.io/content-management/shortcodes/" target="_blank" rel="noopener" >Shortcodes</a></p> <h2 id="nota-adicional">Nota adicional </h2><p>Para exibir <code>{{&lt; foo &gt;}}</code> no site, você precisa escrever <code>{{&lt;/* foo */&gt;}}</code>.</p>