使用 Hugo建站 采用 maupassant主题 后，可以做进一步调整。 1、修改字体 编辑站点目录 \static\css\style.css 文件中的 body {} 段落中的 font-family ，本站修改为： font-family: "Open Sans",sans-serif; 2、文章内容页面阅读数前面补个空格 编辑站点目录 \themes\maupassant\layouts\_default\single.html 修改以下内容： <span id="busuanzi_container_page_pv">| <span id="busuanzi_value_page_pv"></span><span> 3、网站导航下面插入大图 编辑站点目录 \themes\maupassant\layouts\_default\baseof.html 修改以下内容： <div class="col-group"> <img src="https://storage.live.com/items/240ACD90363D22FB!3827:/top.jpg" /> 图片请自行替换……

阅读全文

Hugo是用 Go 语言编写的跨平台静态网站生成器，简单易用性能高。 下文用windows示范安装使用。 一、安装Hugo 下载Hugo：https://github.com/gohugoio/hugo/releases 把hugo文件存放路径添加到系统环境变量Path中，示例为 d:\hugo\hugo.exe 二、生成站点……

阅读全文

在主题目录下新建 layouts/shortcodes/spoiler.html ，内容如下： <details> <summary> <strong> {{ with .Get 0}}{{.}}{{else}}click to expand{{ end }} </strong> </summary> {{.Inner}} </details> 在文章中使用以下格式： {{< spoiler "标题" >}} 隐藏文本，支持HTML代码 {{< /spoiler >}}……

阅读全文

Hugo v0.62.0 版本开始默认的markdown渲染器已更改为Goldmark，可以通过Markdown Render Hooks来实现在新标签页打开链接。 1 [Sample link](https://www.ifshow.com/hugo-how-to-open-link-in-new-tab/) 对于内部链接希望在同一选项卡中打开，可以使用帖子的相对链接。 1 [Sample link](/hugo-how-to-open-link-in-new-tab/) 为实现这个效果，需要做的工作如下： 在修改主题目录下HTML模板文件 layouts/_default/_markup/render-link.html （没有就新增……

阅读全文