Skip to content

Commit

Permalink
Site updated: 2024-03-10 16:44:18
Browse files Browse the repository at this point in the history
  • Loading branch information
叁伍肆玖 authored and 叁伍肆玖 committed Mar 10, 2024
1 parent acb7301 commit 2289282
Show file tree
Hide file tree
Showing 12 changed files with 70 additions and 28 deletions.
12 changes: 9 additions & 3 deletions 2024/03/09/配置Hexo博客主题和页面功能/index.html
View file
Original file line number Diff line number Diff line change
Expand Up @@ -25,16 +25,22 @@
<h4 id="网页语言-头像-个签-链接-导航栏的设置"><a href="#网页语言-头像-个签-链接-导航栏的设置" class="headerlink" title="网页语言&#x2F;头像&#x2F;个签&#x2F;链接&#x2F;导航栏的设置"></a>网页语言&#x2F;头像&#x2F;个签&#x2F;链接&#x2F;导航栏的设置</h4><ul>
<li>在根目录下的<code>_config.yml</code>修改标题、副标题和语言(zh-CN)</li>
<li>在blog&#x2F;themes&#x2F;maupassant&#x2F;source&#x2F;img&#x2F;avatar.png目录下修改头像，替换原有的png文件即可</li>
<li>在blog&#x2F;themes&#x2F;maupassant下的<code>_config.yml</code>修改info和links部分，来改变个签和链接。同时修改menu部分，来修改导航栏的标签顺序。新的页面创建直接使用命令行即可，打开新页面文件夹下<code>index.md</code>文件修改新页面样式</li>
<li>在blog&#x2F;themes&#x2F;maupassant下的<code>_config.yml</code>修改info和links部分，来改变个签和链接。同时修改menu部分，来修改导航栏。</li>
</ul>
<figure class="highlight bash"><table><tr><td class="gutter"><pre><span class="line">1</span><br></pre></td><td class="code"><pre><span class="line">hexo new pages <span class="string">&quot;tags&quot;</span> <span class="comment">#创建标签页面</span></span><br></pre></td></tr></table></figure>

<blockquote>
<p>注意：邮件地址前应该加mailto:才有效</p>
</blockquote>
<h4 id="添加页面"><a href="#添加页面" class="headerlink" title="添加页面"></a>添加页面</h4><ul>
<li>新的页面创建直接使用命令行即可，并在<code>index.md</code>的<code>front-matter</code>中设置layout为<code>layout: page</code></li>
</ul>
<figure class="highlight bash"><table><tr><td class="gutter"><pre><span class="line">1</span><br></pre></td><td class="code"><pre><span class="line">hexo new pages <span class="string">&quot;tags&quot;</span> <span class="comment">#创建标签页面</span></span><br></pre></td></tr></table></figure>

<blockquote>
<p>注意：创建新页面必须在blog文件夹下进行</p>
</blockquote>
<ul>
<li>如果创建的标签页面，将页面的layout设置为<code>layout: tagcloud</code>即可。若需要单栏页面，就将layout设置为 <code>layout: single-column</code>。</li>
</ul>
<h4 id="更换网页背景动态效果"><a href="#更换网页背景动态效果" class="headerlink" title="更换网页背景动态效果"></a>更换网页背景动态效果</h4><p>使用<a target="_blank" rel="noopener" href="https://github.com/hustcc/canvas-nest.js">canvas_nest</a>效果，只需把根目录的<code>_config.yml</code>中canvas_nest改为true即可</p>
<img src="https://sanwusijiu.oss-cn-hangzhou.aliyuncs.com/Typora/screenshot.png" />
本网站背景动态效果采用的是[Vanta.js](https://www.vantajs.com/)的clouds效果，添加方式也很简单，只需把网页右上角生成的样式代码添加到maupassant/layout/_partial目录下的`head.pug`文件，以下是示例
Expand Down
12 changes: 9 additions & 3 deletions atom.xml
View file
Original file line number Diff line number Diff line change
Expand Up @@ -16,16 +16,22 @@
&lt;h4 id=&#34;网页语言-头像-个签-链接-导航栏的设置&#34;&gt;&lt;a href=&#34;#网页语言-头像-个签-链接-导航栏的设置&#34; class=&#34;headerlink&#34; title=&#34;网页语言&amp;#x2F;头像&amp;#x2F;个签&amp;#x2F;链接&amp;#x2F;导航栏的设置&#34;&gt;&lt;/a&gt;网页语言&amp;#x2F;头像&amp;#x2F;个签&amp;#x2F;链接&amp;#x2F;导航栏的设置&lt;/h4&gt;&lt;ul&gt;
&lt;li&gt;在根目录下的&lt;code&gt;_config.yml&lt;/code&gt;修改标题、副标题和语言(zh-CN)&lt;/li&gt;
&lt;li&gt;在blog&amp;#x2F;themes&amp;#x2F;maupassant&amp;#x2F;source&amp;#x2F;img&amp;#x2F;avatar.png目录下修改头像，替换原有的png文件即可&lt;/li&gt;
&lt;li&gt;在blog&amp;#x2F;themes&amp;#x2F;maupassant下的&lt;code&gt;_config.yml&lt;/code&gt;修改info和links部分，来改变个签和链接。同时修改menu部分，来修改导航栏的标签顺序。新的页面创建直接使用命令行即可，打开新页面文件夹下&lt;code&gt;index.md&lt;/code&gt;文件修改新页面样式&lt;/li&gt;
&lt;li&gt;在blog&amp;#x2F;themes&amp;#x2F;maupassant下的&lt;code&gt;_config.yml&lt;/code&gt;修改info和links部分，来改变个签和链接。同时修改menu部分，来修改导航栏。&lt;/li&gt;
&lt;/ul&gt;
&lt;figure class=&#34;highlight bash&#34;&gt;&lt;table&gt;&lt;tr&gt;&lt;td class=&#34;gutter&#34;&gt;&lt;pre&gt;&lt;span class=&#34;line&#34;&gt;1&lt;/span&gt;&lt;br&gt;&lt;/pre&gt;&lt;/td&gt;&lt;td class=&#34;code&#34;&gt;&lt;pre&gt;&lt;span class=&#34;line&#34;&gt;hexo new pages &lt;span class=&#34;string&#34;&gt;&amp;quot;tags&amp;quot;&lt;/span&gt; &lt;span class=&#34;comment&#34;&gt;#创建标签页面&lt;/span&gt;&lt;/span&gt;&lt;br&gt;&lt;/pre&gt;&lt;/td&gt;&lt;/tr&gt;&lt;/table&gt;&lt;/figure&gt;

&lt;blockquote&gt;
&lt;p&gt;注意：邮件地址前应该加mailto:才有效&lt;/p&gt;
&lt;/blockquote&gt;
&lt;h4 id=&#34;添加页面&#34;&gt;&lt;a href=&#34;#添加页面&#34; class=&#34;headerlink&#34; title=&#34;添加页面&#34;&gt;&lt;/a&gt;添加页面&lt;/h4&gt;&lt;ul&gt;
&lt;li&gt;新的页面创建直接使用命令行即可，并在&lt;code&gt;index.md&lt;/code&gt;的&lt;code&gt;front-matter&lt;/code&gt;中设置layout为&lt;code&gt;layout: page&lt;/code&gt;&lt;/li&gt;
&lt;/ul&gt;
&lt;figure class=&#34;highlight bash&#34;&gt;&lt;table&gt;&lt;tr&gt;&lt;td class=&#34;gutter&#34;&gt;&lt;pre&gt;&lt;span class=&#34;line&#34;&gt;1&lt;/span&gt;&lt;br&gt;&lt;/pre&gt;&lt;/td&gt;&lt;td class=&#34;code&#34;&gt;&lt;pre&gt;&lt;span class=&#34;line&#34;&gt;hexo new pages &lt;span class=&#34;string&#34;&gt;&amp;quot;tags&amp;quot;&lt;/span&gt; &lt;span class=&#34;comment&#34;&gt;#创建标签页面&lt;/span&gt;&lt;/span&gt;&lt;br&gt;&lt;/pre&gt;&lt;/td&gt;&lt;/tr&gt;&lt;/table&gt;&lt;/figure&gt;

&lt;blockquote&gt;
&lt;p&gt;注意：创建新页面必须在blog文件夹下进行&lt;/p&gt;
&lt;/blockquote&gt;
&lt;ul&gt;
&lt;li&gt;如果创建的标签页面，将页面的layout设置为&lt;code&gt;layout: tagcloud&lt;/code&gt;即可。若需要单栏页面，就将layout设置为 &lt;code&gt;layout: single-column&lt;/code&gt;。&lt;/li&gt;
&lt;/ul&gt;
&lt;h4 id=&#34;更换网页背景动态效果&#34;&gt;&lt;a href=&#34;#更换网页背景动态效果&#34; class=&#34;headerlink&#34; title=&#34;更换网页背景动态效果&#34;&gt;&lt;/a&gt;更换网页背景动态效果&lt;/h4&gt;&lt;p&gt;使用&lt;a href=&#34;https://github.com/hustcc/canvas-nest.js&#34;&gt;canvas_nest&lt;/a&gt;效果，只需把根目录的&lt;code&gt;_config.yml&lt;/code&gt;中canvas_nest改为true即可&lt;/p&gt;
&lt;img src=&#34;https://sanwusijiu.oss-cn-hangzhou.aliyuncs.com/Typora/screenshot.png&#34; /&gt;
本网站背景动态效果采用的是[Vanta.js](https://www.vantajs.com/)的clouds效果，添加方式也很简单，只需把网页右上角生成的样式代码添加到maupassant/layout/_partial目录下的`head.pug`文件，以下是示例
Expand Down
12 changes: 9 additions & 3 deletions category/技术/atom.xml
View file
Original file line number Diff line number Diff line change
Expand Up @@ -16,16 +16,22 @@
&lt;h4 id=&#34;网页语言-头像-个签-链接-导航栏的设置&#34;&gt;&lt;a href=&#34;#网页语言-头像-个签-链接-导航栏的设置&#34; class=&#34;headerlink&#34; title=&#34;网页语言&amp;#x2F;头像&amp;#x2F;个签&amp;#x2F;链接&amp;#x2F;导航栏的设置&#34;&gt;&lt;/a&gt;网页语言&amp;#x2F;头像&amp;#x2F;个签&amp;#x2F;链接&amp;#x2F;导航栏的设置&lt;/h4&gt;&lt;ul&gt;
&lt;li&gt;在根目录下的&lt;code&gt;_config.yml&lt;/code&gt;修改标题、副标题和语言(zh-CN)&lt;/li&gt;
&lt;li&gt;在blog&amp;#x2F;themes&amp;#x2F;maupassant&amp;#x2F;source&amp;#x2F;img&amp;#x2F;avatar.png目录下修改头像，替换原有的png文件即可&lt;/li&gt;
&lt;li&gt;在blog&amp;#x2F;themes&amp;#x2F;maupassant下的&lt;code&gt;_config.yml&lt;/code&gt;修改info和links部分，来改变个签和链接。同时修改menu部分，来修改导航栏的标签顺序。新的页面创建直接使用命令行即可，打开新页面文件夹下&lt;code&gt;index.md&lt;/code&gt;文件修改新页面样式&lt;/li&gt;
&lt;li&gt;在blog&amp;#x2F;themes&amp;#x2F;maupassant下的&lt;code&gt;_config.yml&lt;/code&gt;修改info和links部分，来改变个签和链接。同时修改menu部分，来修改导航栏。&lt;/li&gt;
&lt;/ul&gt;
&lt;figure class=&#34;highlight bash&#34;&gt;&lt;table&gt;&lt;tr&gt;&lt;td class=&#34;gutter&#34;&gt;&lt;pre&gt;&lt;span class=&#34;line&#34;&gt;1&lt;/span&gt;&lt;br&gt;&lt;/pre&gt;&lt;/td&gt;&lt;td class=&#34;code&#34;&gt;&lt;pre&gt;&lt;span class=&#34;line&#34;&gt;hexo new pages &lt;span class=&#34;string&#34;&gt;&amp;quot;tags&amp;quot;&lt;/span&gt; &lt;span class=&#34;comment&#34;&gt;#创建标签页面&lt;/span&gt;&lt;/span&gt;&lt;br&gt;&lt;/pre&gt;&lt;/td&gt;&lt;/tr&gt;&lt;/table&gt;&lt;/figure&gt;

&lt;blockquote&gt;
&lt;p&gt;注意：邮件地址前应该加mailto:才有效&lt;/p&gt;
&lt;/blockquote&gt;
&lt;h4 id=&#34;添加页面&#34;&gt;&lt;a href=&#34;#添加页面&#34; class=&#34;headerlink&#34; title=&#34;添加页面&#34;&gt;&lt;/a&gt;添加页面&lt;/h4&gt;&lt;ul&gt;
&lt;li&gt;新的页面创建直接使用命令行即可，并在&lt;code&gt;index.md&lt;/code&gt;的&lt;code&gt;front-matter&lt;/code&gt;中设置layout为&lt;code&gt;layout: page&lt;/code&gt;&lt;/li&gt;
&lt;/ul&gt;
&lt;figure class=&#34;highlight bash&#34;&gt;&lt;table&gt;&lt;tr&gt;&lt;td class=&#34;gutter&#34;&gt;&lt;pre&gt;&lt;span class=&#34;line&#34;&gt;1&lt;/span&gt;&lt;br&gt;&lt;/pre&gt;&lt;/td&gt;&lt;td class=&#34;code&#34;&gt;&lt;pre&gt;&lt;span class=&#34;line&#34;&gt;hexo new pages &lt;span class=&#34;string&#34;&gt;&amp;quot;tags&amp;quot;&lt;/span&gt; &lt;span class=&#34;comment&#34;&gt;#创建标签页面&lt;/span&gt;&lt;/span&gt;&lt;br&gt;&lt;/pre&gt;&lt;/td&gt;&lt;/tr&gt;&lt;/table&gt;&lt;/figure&gt;

&lt;blockquote&gt;
&lt;p&gt;注意：创建新页面必须在blog文件夹下进行&lt;/p&gt;
&lt;/blockquote&gt;
&lt;ul&gt;
&lt;li&gt;如果创建的标签页面，将页面的layout设置为&lt;code&gt;layout: tagcloud&lt;/code&gt;即可。若需要单栏页面，就将layout设置为 &lt;code&gt;layout: single-column&lt;/code&gt;。&lt;/li&gt;
&lt;/ul&gt;
&lt;h4 id=&#34;更换网页背景动态效果&#34;&gt;&lt;a href=&#34;#更换网页背景动态效果&#34; class=&#34;headerlink&#34; title=&#34;更换网页背景动态效果&#34;&gt;&lt;/a&gt;更换网页背景动态效果&lt;/h4&gt;&lt;p&gt;使用&lt;a href=&#34;https://github.com/hustcc/canvas-nest.js&#34;&gt;canvas_nest&lt;/a&gt;效果，只需把根目录的&lt;code&gt;_config.yml&lt;/code&gt;中canvas_nest改为true即可&lt;/p&gt;
&lt;img src=&#34;https://sanwusijiu.oss-cn-hangzhou.aliyuncs.com/Typora/screenshot.png&#34; /&gt;
本网站背景动态效果采用的是[Vanta.js](https://www.vantajs.com/)的clouds效果，添加方式也很简单，只需把网页右上角生成的样式代码添加到maupassant/layout/_partial目录下的`head.pug`文件，以下是示例
Expand Down
Loading

0 comments on commit 2289282

Please sign in to comment.