<?xml version="1.0" encoding="utf-8" standalone="yes"?><rss version="2.0" xmlns:atom="http://www.w3.org/2005/Atom"><channel><title>风格 on 我的文档站</title><link>https://www.eternal.foo/docs/hugo/themes/doks/basics/style/</link><description>Recent content in 风格 on 我的文档站</description><generator>Hugo</generator><language>zh-CN</language><copyright>Copyright (c) 2020-2026 Thulite</copyright><atom:link href="https://www.eternal.foo/docs/hugo/themes/doks/basics/style/index.xml" rel="self" type="application/rss+xml"/><item><title>AetherDocs</title><link>https://www.eternal.foo/docs/hugo/themes/doks/basics/style/aetherdocs/</link><pubDate>Mon, 01 Jan 0001 00:00:00 +0000</pubDate><guid>https://www.eternal.foo/docs/hugo/themes/doks/basics/style/aetherdocs/</guid><description>&lt;h2 id="主题理念--让内容本身被看见而不是被修饰"&gt;主题理念 : 让内容本身被看见，而不是被修饰。&lt;/h2&gt;
&lt;p&gt;架构&lt;/p&gt;



&lt;div class="expressive-code"&gt;
 &lt;figure class="frame not-content"&gt;
 &lt;figcaption class="header"&gt;
 &lt;span class="title"&gt;&lt;/span&gt;
 &lt;/figcaption&gt;
 &lt;pre tabindex="0"&gt;&lt;code&gt;/site/assets/
├── custom &amp;lt;===自定义目录,需要手动创建
│   ├── js &amp;lt;===自定义目录,需要手动创建
│   │   ├── anchor.js &amp;lt;---自定义文件,需要手动创建
│   │   ├── index.js &amp;lt;---自定义文件,需要手动创建
│   │   └── progress.js &amp;lt;---自定义文件,需要手动创建
│   ├── README.md &amp;lt;---自定义说明,需要手动创建
│   └── scss &amp;lt;===自定义目录,需要手动创建
│   ├── _content.scss &amp;lt;---自定义文件,需要手动创建
│   ├── index.scss &amp;lt;---自定义文件,需要手动创建
│   ├── _layout.scss &amp;lt;---自定义文件,需要手动创建
│   ├── _sidebar.scss &amp;lt;---自定义文件,需要手动创建
│   ├── _toc.scss &amp;lt;---自定义文件,需要手动创建
│   └── _variables.scss &amp;lt;---自定义文件,需要手动创建
├── favicon.png
├── favicon.svg
├── images
├── js
│   ├── custom.js &amp;lt;---Doks默认创建,需要修改
│   ├── flexsearch.zh-cn.js &amp;lt;---自定义搜索文件,和主题风格无关
│   └── flexsearch.zh-tw.js &amp;lt;---自定义搜索文件,和主题风格无关
├── scss
│   └── common
│   ├── _custom.scss &amp;lt;---Doks默认创建,需要修改
│   └── _variables-custom.scss
└── svgs&lt;/code&gt;&lt;/pre&gt;
 &lt;/figure&gt;
&lt;/div&gt;
&lt;h2 id="创建目录"&gt;创建目录&lt;/h2&gt;



&lt;div class="expressive-code"&gt;
 &lt;figure class="frame is-terminal not-content"&gt;
 &lt;figcaption class="header"&gt;
 &lt;span class="title"&gt;&lt;/span&gt;
 &lt;/figcaption&gt;
 &lt;div class="highlight"&gt;&lt;div class="chroma"&gt;
&lt;table class="lntable"&gt;&lt;tr&gt;&lt;td class="lntd"&gt;
&lt;pre tabindex="0" class="chroma"&gt;&lt;code&gt;&lt;span class="lnt"&gt;1
&lt;/span&gt;&lt;/code&gt;&lt;/pre&gt;&lt;/td&gt;
&lt;td class="lntd"&gt;
&lt;pre tabindex="0" class="chroma"&gt;&lt;code class="language-bash" data-lang="bash"&gt;&lt;span class="line"&gt;&lt;span class="cl"&gt;mkdir -p /site/assets/custom/js &lt;span class="o"&gt;&amp;amp;&amp;amp;&lt;/span&gt; mkdir -p /site/assets/custom/scss&lt;/span&gt;&lt;/span&gt;&lt;/code&gt;&lt;/pre&gt;&lt;/td&gt;&lt;/tr&gt;&lt;/table&gt;
&lt;/div&gt;
&lt;/div&gt;
 &lt;/figure&gt;
&lt;/div&gt;
&lt;h3 id="编辑doks默认创建的文件"&gt;编辑Doks默认创建的文件&lt;/h3&gt;
&lt;p&gt;用途 : 将入口改为custom目录,方便维护和复制






&lt;nav&gt;
 &lt;div class="nav nav-tabs" id="nav-tab" role="tablist"&gt;
 &lt;button data-toggle-tab="js" class="nav-link active" id="tabs-doks-0-tab" data-bs-toggle="tab" data-bs-target="#tabs-doks-0" type="button" role="tab" aria-controls="tabs-doks-0" aria-selected="true"&gt;
 js&lt;/button&gt;
 &lt;button data-toggle-tab="scss" class="nav-link" id="tabs-doks-1-tab" data-bs-toggle="tab" data-bs-target="#tabs-doks-1" type="button" role="tab" aria-controls="tabs-doks-1" aria-selected="true"&gt;
 scss&lt;/button&gt;
 &lt;/div&gt;
&lt;/nav&gt;

&lt;div class="tab-content" id="nav-tabContent"&gt;
 &lt;div data-pane="js" class="tab-pane fade show active" id="tabs-doks-0" role="tabpanel" aria-labelledby="tabs-doks-0-tab" tabindex="0"&gt;
 


&lt;div class="expressive-code"&gt;
 &lt;figure class="frame is-terminal not-content"&gt;
 &lt;figcaption class="header"&gt;
 &lt;span class="title"&gt;&lt;/span&gt;
 &lt;/figcaption&gt;
 &lt;div class="highlight"&gt;&lt;div class="chroma"&gt;
&lt;table class="lntable"&gt;&lt;tr&gt;&lt;td class="lntd"&gt;
&lt;pre tabindex="0" class="chroma"&gt;&lt;code&gt;&lt;span class="lnt"&gt;1
&lt;/span&gt;&lt;/code&gt;&lt;/pre&gt;&lt;/td&gt;
&lt;td class="lntd"&gt;
&lt;pre tabindex="0" class="chroma"&gt;&lt;code class="language-bash" data-lang="bash"&gt;&lt;span class="line"&gt;&lt;span class="cl"&gt;vi &lt;span class="s2"&gt;&amp;#34;/site/assets/js/custom.js&amp;#34;&lt;/span&gt;&lt;/span&gt;&lt;/span&gt;&lt;/code&gt;&lt;/pre&gt;&lt;/td&gt;&lt;/tr&gt;&lt;/table&gt;
&lt;/div&gt;
&lt;/div&gt;
 &lt;/figure&gt;
&lt;/div&gt;
&lt;/div&gt;
 &lt;div data-pane="scss" class="tab-pane fade" id="tabs-doks-1" role="tabpanel" aria-labelledby="tabs-doks-1-tab" tabindex="0"&gt;
 


&lt;div class="expressive-code"&gt;
 &lt;figure class="frame is-terminal not-content"&gt;
 &lt;figcaption class="header"&gt;
 &lt;span class="title"&gt;&lt;/span&gt;
 &lt;/figcaption&gt;
 &lt;div class="highlight"&gt;&lt;div class="chroma"&gt;
&lt;table class="lntable"&gt;&lt;tr&gt;&lt;td class="lntd"&gt;
&lt;pre tabindex="0" class="chroma"&gt;&lt;code&gt;&lt;span class="lnt"&gt;1
&lt;/span&gt;&lt;/code&gt;&lt;/pre&gt;&lt;/td&gt;
&lt;td class="lntd"&gt;
&lt;pre tabindex="0" class="chroma"&gt;&lt;code class="language-bash" data-lang="bash"&gt;&lt;span class="line"&gt;&lt;span class="cl"&gt;vi &lt;span class="s2"&gt;&amp;#34;/site/assets/scss/common/_custom.scss&amp;#34;&lt;/span&gt;&lt;/span&gt;&lt;/span&gt;&lt;/code&gt;&lt;/pre&gt;&lt;/td&gt;&lt;/tr&gt;&lt;/table&gt;
&lt;/div&gt;
&lt;/div&gt;
 &lt;/figure&gt;
&lt;/div&gt;
&lt;/div&gt;
 &lt;/div&gt;
&lt;/p&gt;</description></item></channel></rss>