Change to New Theme

This post is abandoned.

Hugo Theme Diary

I change my blog to a new hugo theme hugo-theme-diary which is pretty concise.

To meet my taste I am adding some new features to it.

You can switch to the new branch kipjiang to check the changes.

TODO List

• Markdownify the copyright string.
• Display the theme info implicitly.
• Add some common Font Awesome icons to sidebar.
• Enable the visitor counter leancloud-visitor of valine and move the enablevaline to params.valine in configuration.
• Change all resource of the icons from googleapi to Font Awesome.
• Enable disableHome parameter in FrontMatter.
• Change the style of ToC.
• Split the layout of categories and tags, show statistics of each tag.
• Change the style of footer and navigator title.
• Move the tags info to the bottom of a post.
• Change the hover underline to dashed.
• Change the color of hyperlink in post.
• New archive page. Reference page https://byvoid.com/zhs/blog/archive/.

Changelog

Font Awesome

You can find many Font Awesome CDN resources of multiple versions on BootCDN.

First, add the script to head.html:

1
2

<!-- Font Awesome -->
<link href="https://cdn.bootcdn.net/ajax/libs/font-awesome/5.13.0/css/all.min.css" rel="stylesheet">

Then, add any icons you want in your code, like:

 1
 2
 3
 4
 5
 6
 7
 8
 9
10
11

<!-- in sidebar.html -->
<div class="nav-link-item" >
    {{ if .Site.Params.social.github }}
    <a href="{{ .Site.Params.social.github }}" target="_blank">
        <i title="GitHub" class="fab fa-github" style="font-size: 24px"></i>
    </a>
    {{ end }}
    <a href="{{ "/index.xml" | absLangURL }}" target="_blank">
        <i title="RSS" class="fa fa-rss" style="font-size: 24px"></i>
    </a>
</div>

• @ July 3rd, Change all resource of the icons from googleapi to Font Awesome.