给博客换了个新主题！

背景

今天看到一个Hugo主题，高仿Github，一下子戳中了我的心吧！！！太太太合我胃口了吧！于是非常快的把它下的载了下来。

问题

然后在使用过程中，发现了好多问题，比如主页左下角的Links，主题自带的图标是圆角的，但是自己设置的图标却是方的、左下角的Links默认是在当前标签页打开、文章页不显示作者、左上角的搜索调用的是谷歌搜索，不够优雅等等

解决

于是我便开始自己修改！首先先把左上角的搜索改成了fusejs，这个是一个使用json索引的客户端搜索工具。我在原本的搜索框下面新添了一个ul，并且在css里面尽可能还原Github的样式。

然后左下角的Links圆角图标，这个好办， css里面加个border-radius: 50%; 就行

还有就是添加一个配置项，让我可以自己选择左下角的Links是在当前标签页打开还是新标签页打开，我的做法是把主题原本user-profile.html中的

<a style="margin: 0 10px 10px 0;" href="{{ .href }}">

改为

<a style="margin: 0 10px 10px 0;" href="{{ .href }}" target="{{ .target }}">

然后就可以在config.toml中对每个Links使用target = "_blank" 来设置为在新标签页打开啦！

接着文章页不显示作者的问题，在post.html中添加下面的代码

{{- if or .Params.author site.Params.author }}
{{- $author := (.Params.author | default site.Params.author) }}
{{- $author_type := (printf "%T" $author) }}
{{- if (or (eq $author_type "[]string") (eq $author_type "[]interface {}")) }}
The authors are {{ (delimit $author ", " ) }}
{{- else }}
The author is {{ $author }}
{{- end }}
{{- end -}}

完美解决！

另外我还在文章页新增了一个超链接，方便快速跳转到Github的编辑页。（假Github跳转到真Github！毫无违和感耶！）

好耶！又水了一篇博文！

柚子/给博客换了个新主题！

背景

问题

解决