在《 如何用hugo搭建个人博客 》已经介绍了简单的主题引入办法，这里就不再赘述了。

现在我们来讲讲如何配置我们下载的新主题！（内容可能不多不全，Hugo的使用还在摸索阶段）

1. 下载主题前要先看主题的Demo，看是否是自己想要的。没有Demo示例给看那就clone下来后跑起来看看是不是中意的，但是有的clone到的主题有可能较精简，怎么办呢？往下看。

2. 选好中意的主题了，那么就一定要看作者的配置介绍，这个配置介绍一般都是介绍如何配置 config.toml ，但这个介绍可能不够全，那么就要自己看clone下来的主题中这个文件夹 exampleSite 中的 config.toml 。有的主题还有 full-config.toml ,这个内容更全面。以我使用的主题为例，路径结构为： themes\hello-friend-ng\exampleSite\config.toml

3. 接下来我将以 我使用的主题 为例，介绍 config.toml 配置内容

    [[menu.main]]
      identifier = "blog"
      name       = "Blogs"
      url        = "/posts"
    [[menu.main]]
      name       = "Categories"
      identifier = "categories"
      url        = "/categories/"
    [[menu.main]]
      identifier = "tags"
      name       = "Tags"
      url        = "/tags/"
    [[menu.main]]
      identifier = "about"
      name       = "About"
      url        = "about/"
   

   有 [[menu.main]] 即配置导航菜单，对应的地方如图：
   

   [[params.social]]
   name = "email"
   url  = "mailto:untilthecore@gmail.com"
   [[params.social]]
   name = "github"
   url  = "https://github.com/UntilTheCore"
   

   有 [[params.social]] 即配置图标链接，对应地方如图：
   

   baseurl      = "https://untilthecore.github.io/"
   title        = "My Blog"
   languageCode = "zh-Hans"
   theme        = "hello-friend-ng"
     
   baseurl：配置站点基址，如果要放在github上或者自己的云服务器上，请正确配置地址，否则出了能访问主页，其他地方都是 404
   title：设置标题
   languageCode：设置语言
   theme：设置主题
    
   其他的小地方的配置有注释，配合本地服务器可以方面查看修改后的效果。
    

4. 第一次使用时，可能会好奇我们的 .md 文件是怎么产生标签（Tags）和分类（Categories）的？这就是通过使用 hugo new posts/xxxxxx.md 创建博客文件时，hugo自动为我们在文件头部生成了这些内容：

   title: "正确使用hugo主题的姿势"
   date: 2020-04-27T22:28:15+08:00
   draft: false
   tags: ["Hugo"]
   categories: ["教程"]
     
   title：文章标题；
   data：文章被创建的事件
   draft：是否草稿内容，如果为true，将不显示在博客站点中。
   tags：为这篇文章创建标签，是数组形式["1","2","3"]
   categories：为这篇文章创建分类，是数组形式["1","2","3"]
    
   由于在文章这里设置了tags和categories,所以我们可以在导航菜单中看到标签和文章分类信息。
    

../../static/正确使用hugo主题的姿势/文章图片的保存方式.jpg
文章有误或不足之处，欢迎指正！谢谢！
 
本文由UntilTheCore原创，转载请说明作者和出处！

                    在《如何用hugo搭建个人博客》已经介绍了简单的主题引入办法，这里就不再赘述了。现在我们来讲讲如何配置我们下载的新主题！（内容可能不多不全，Hugo的使用还在摸索阶段）下载主题前要先看主题的Demo，看是否是自己想要的。没有Demo示例给看那就clone下来后跑起来看看是不是中意的，但是有的clone到的主题有可能较精简，怎么办呢？往下看。选好中意的主题了，那么就一定要看作者的配置介...
关于页面:waving_hand_light_skin_tone:和博客 :memo:
博客帖子可以被标记 :label:
 KaTex支持数学符号 :triangular_ruler:
 Sass / SCSS样式 :sparkles:
对Google Analytics（分析）的支持 :chart_increasing:和Disqus  :speech_balloon:
 i18n支持
Hugo扩展版本（用于Sass / SCSS支持）。
对于macOS用户，如果使用homebrew ，则默认安装扩展版本。
对于Windows用户，您可以使用choco进行安装：
 choco install hugo-extended -confirm
在您的Hugo项目的根目录中，运行： 
git submodule add https://github.com/jakewies/hugo-theme-codex.git themes/hugo-theme-codex
接下来，将的内容复制到站点的config.toml 
 使用根据dev或build环境构建和加载CSS
 使用清除未使用CSS类进行build ，但不能在dev清除
可以用作单独的主题仓库，也可以作为Hugo网站中的本地主题文件夹
基本模板设置，带有索引页面，关于页面和帖子类别
响应式导航标题用最少JavaScript 用纯CSS在小屏幕上隐藏导航
为了降低这种情况，该主题的页脚具有粘性
包括帮助程序部分，以在开发过程中显示Hugo参数和Tailwind CSS断点
寿命长，代码丰富。
请确保在您的环境中全局安装postcss-cli和autoprefixer ，如Hugo Pipe的PostCSS所要求的那样。 在提到了这一点。
npm install -g postcss-cli
npm install -g autopr
 Geekdoc是文档的一个简单的Hugo主题。 它是故意设计为快速而精简的主题，可能不适合复杂项目的要求。 如果需要功能更完整的主题，则有很多替代品。 您可以在找到演示和完整文档。
构建和发布过程
此主题受软件开发中常见的CI驱动的构建和发布过程的约束。 在发行版构建期间，所有必要的资产都会由自动构建，并捆绑在发行版tarball中。 您可以从GitHub下载最新版本。
 由于gulp用作预处理程序，因此默认情况下无法从master分支使用主题。 如果要使用克隆分支中的主题而不是发行包，则需要在本地安装gulp并运行默认管道一次以创建所有必需的资产。
 # install requir
 $ mkdir themes
$ cd themes
$ git clone https://github.com/StaticMania/blogge-hugo-theme.git
响应就绪。
 由Bootstrap 4。
 博客模板。
 格式正确的代码。
 易于定制。
 大礼包联系表格。
 谷歌分析。
 专为个人博客撰写
功能齐全的Blog主题
如有任何疑问或遇到任何技术问题，请随时
此存储库是根据许可授权的
需要帮助以您的自定义要求构建HUGO网站。 请随时我们。 我们为HUGO提供定制开发服务。
这里以 Windows 下安装为例。
直接在 Release 页面 下载对应平台压缩包，解压后将路径添加到系统 PATH 中，或者直接将 hugo.exe 扔进 C:\Windows\System 中。
一、使用
新建网站：hugo new site myblog
新建文章：hugo new posts/xxxx.md
本地服务器预览：hugo server，随后可以通过访问本地端口预览。
生成静态文件：hugo，随后可在 public 文件夹中得到渲染
1.安装hugo
windows用户可以先去官网下载hugo框架，hugo官网地址，
苹果用户有安装HomeBrew工具的话可以直接输入brew install hugo进行安装。
下载完成后检查是否安装成功，输入: hugo version，若出现版本信息则表示安装成功。
2.新建站点
输入hugo new site hugoblog ，就会在h
首先，请确保您已经安装了的。 请参阅安装步骤。
起床并跑步
阅读上面的，并确认您使用的是Hugo的扩展版本。 至少有两种方法可以快速开始使用Hugo和VMware Clarity主题：
选项1（推荐）
 生成一个新的Hugo网站，并
				
Chord Hugo是一款高级便携式DAC和耳机放大器，它的驱动程序使得它能够流畅地运行，发挥其最佳性能。驱动程序负责与计算机或其他数字音频源直接通信，确保信号能够通过DAC和放大器以高质量的方式解码和处理。
在使用Chord Hugo时，安装正确的驱动程序至关重要。这个过程通常是相当简单的，只需要在计算机上下载和安装合适的驱动程序，然后将Chord Hugo连接到计算机中一个合适的USB端口上即可。
一旦驱动程序正常安装并且设备被正确连接，用户就可以使用Chord Hugo来获得超凡的音频体验。该设备的高级DAC和放大器设计为最大程度地提高音频表现，保证了高端用户能够从任何数字源中获得最优质的声音。
总之，Chord Hugo的驱动程序起着至关重要的作用，确保用户能够充分发挥其DAC和放大器的潜力，享受到最优质的音频体验。
                    CSDN-Ada助手: 
                    非常感谢CSDN博主分享的《HTML入门之HTML常用标签》。我觉得这篇博客非常实用，对于学习HTML的初学者来说很有帮助。下一篇博客，我建议可以写一篇关于CSS基础知识的文章，介绍CSS常用的样式属性和选择器，以及如何使用CSS美化网页。相信这样的技术文章对其他用户也会非常有帮助，让他们更好地了解CSS的使用。期待你的下一篇文章，相信会有更多读者受益。
为了方便博主创作，提高生产力，CSDN上线了AI写作助手功能，就在创作编辑器右侧哦～（https://mp.csdn.net/edit?utm_source=blog_comment_recall ）诚邀您来加入测评，到此（https://activity.csdn.net/creatActivity?id=10450&utm_source=blog_comment_recall）发布测评文章即可获得「话题勋章」，同时还有机会拿定制奖牌。
                正确使用hugo主题的姿势
                    Xi-Jun博客: 
                    您好，想请教一下，在config.toml配置内容中代码blog、categories、tags、about的排序和在网页中的顺序不一致，如何实现对[[menu.main]]下导航菜单的排序，谢谢。