Hugo博客自定义配置

1.文章参数配置

修改文件 archetypes\default.md
可参考：
default.md 文件

2.站点属性配置

将主题下面的 themes\even\exampleSite\config.toml 文件复制到站点根目录，进行参数修改调整
可参考：
config.toml文件

3.图标自定义

上阿里巴巴矢量库进行图标下载。
打开图标管理 -> 我的项目 -> hugo-blog，将选择好的图标加入购物车，加入项目，修改下图标的名称（名称改为icon-xxx）、注意调整大小和颜色。

将hugo的themes\even\src\fonts\iconfont目录下的4个文件用下载的对应文件替换掉。

修改themes\even\src\css_iconfont.scss 文件，格式可参考代码：

/* Social Icon */
.icon-email:before {
  content: "\e64d";
  position: relative;
  top: -2px;
}

其中content为下载图标的Unicode值，在图标属性中可以查看。

修改的配置要生效的话还需要安装node.js 和 yarn
对主题进行静态打包构建：

 cd ./themes/even/
 yarn install
 yarn build

将themes\even\layouts\partials\header.html里的partials\header.html文件结构复制到站点根目录下的layouts中，对站点根目录下layouts\partials\header.html文件进行修改。

  

    {{ range .Site.Menus.main -}}
      

        {{ .Name }}
      
    {{- end }}
  

最后在config.toml文件中修改对应图标的名称。

4.自定义颜色，背景等

主要修改*\static\css\custom.css* 文件和 \themes\even\src\css\variables.scss 文件
可参考：
custom.css文件

5.评论功能

可采用
valine
配置站点配置文件的valine项，并设置文章 toc:true 开启评论