Hugo博客改造:新增热榜

1 显示效果 通过接口获取各个平台的热搜榜,集成在自己的博客上 2 解决方法 首先,要找到热榜的接口,通过js访问接口来获取各大网站的热门榜。我使用的

Hugo:增加年月日时间进度条

1 显示效果 增加年、月、日的时间进度条显示,如下,可以显示当前时间在今天、当月、当年的进度。 2 解决方案 在侧边栏layouts\partials

Hugo:添加天气预报

1 显示效果 给hugo博客添加天气预报的效果,其实不只是给hugo,所有博客都是通用的。 我自己想要一打开就能看到天气,所以增加了这个功能。可以

Hugo:增加台词随机展示

1 显示效果 2 解决方法 因为没找到这种台词的接口,于是就去网上搜罗了一堆放在csv里面,然后页面刷新的时候自动从csv中抽取一行台词进行展示。分

Hugo:中英文之间自动加空格

1 显示效果 中英文之间auto自动加空格 2 解决方法 可以使用 盘古之白 在文件layouts\partials\footer.html中,加入以下代

Hugo:归档改为年月日统计

Hugo的归档显示改为年月日统计

Hugo:阅读进度条

Hugo实现顶部阅读进度条功能

Hugo:将首页文章按照最后修改时间显示

1 显示效果 现在可以按照最后更新时间进行排序了 2 修改代码 在 layouts\partials\portfolio.html 中,将以下一行代码替换成后面三行。 原代码: 1<!-- {{ $paginator := .Paginate (where (where .Site.Pages "Type" "post") "IsPage" true) }} --> 替换成: 1{{ $sortedPages

Hugo学习笔记(长期更新)

此文章用于长期更新hugo学习的内容 1 模板 1├── layouts 2└── themes 3 └── mytheme 4 └── layouts 5 ├── 404.html // 404页面模板 6 ├── _default 7 │ ├── baseof.html // 默认的基

Hugo:增加新页面

想要在网站上做几个新页面 1 在配置文件中新增标签 1 [[params.addtional_menus]] 2 title = "TREND" 3 href = "/trend" 2 新增页面布局 2.1 沿用已有布局 新增了标签以后,点进去是404,这是因为还没有

Hugo:增加搜索功能

1 显示效果 可以看到在右上角有一个搜索图标,原本是这个主题带的,原本是点击以后会进入一个新的 search页面进行搜索,但是我用的时候发现这个功

Hugo:添加随机浏览文章功能

偶然看见了一位大佬的博客 给 Hugo 博客添加随机文章入口 ,发现了他做了这个功能,感觉可以搞一下,于是借鉴了她的代码,感谢。 1 显示效果 在博客的右上角添

Hugo:一些有趣的短代码收集

首先感谢 眠于水月间 大佬,文章主要收集于他的文章,[Hugo | 在 Stack 主题上可行的短代码们] 本文旨在收集一些有趣的短代码,因此主要是呈现使用方式,

Hugo:文字标记

1 显示效果 第一种,正经标记: 对文字进行标记 第二种,将文字放在代码里,利用代码的颜色来进行标记: 对文字进行标记 2 解决方案 首先,利用短代码,添加

Hugo:文章发布后最后修改时间不一致问题

1 显示效果 目前的显示效果如下,每篇文章可以正常显示最后修改时间。 但是之前, 这两个地方都是显示同一个时间,那就是最近一次 git 提交时间的8小时之前