Hugo Github Pages 网站搭建  [置顶]

基于 Hugo 搭建并部署在 Github Pages 1 安装 Hugo 官网教程 新建目录C:\programs\hugo 在官网 下载最新版,本次下载 hugo_extended_0.99.1_Windows-64bit.zip 解压 zip 文件,并将解压出的hugo....

 ·  · 

PaperMod 允许禁用校验文件完整性

需求:加一个参数控制是否禁用head.html中的integrity校验。 起因:我有个网站的部署方式是手动打包后git push到远端,服务器...

 ·  · 

PaperModx 模板:多标签页

需求:新建一个模板,支持在文章正文中显示多标签页 实现步骤: 创建模板 ./layouts/shortcodes/tabs.html 1 2 3 4 <div class="x-tabs"> <div class="x-tabs-nav"></div> <div class="x-tabs-content">{{ .Inner }}</div> </div> ./layouts/shortcodes/tab.html 1 2 3 <div class="x-tab" title="{{ .Get 0 }}"> {{ .Inner }} </div> 添加样式 ./assets/css/extended/custom.css 1 2 3 4...

 ·  · 

PaperMod 文章页展示所属系列的文章列表

需求:在文章页面底部展示该文章所属系列的文章列表 实现步骤: 新建模板 ./layouts/partial/series-posts.html 1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 {{- if .Params.series }} <div class="x-post-series"> {{- $series := .Site.Taxonomies.series}} {{- range...

 ·  · 

PaperModx 模板:统计文章篇数和字数

需求:新增一个模板,用来统计文章篇数和字数,并展示在列表页和归档页 实现步骤: 新建统计模板 ./layouts/partials/stat.html 1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 {{- $scratch := newScratch -}} {{- $kind := .Kind...

 ·  · 

PaperMod 搜索页展示系列列表

需求:在搜索页展示系列列表 以下是实现步骤 编辑搜索页面模板 ./layouts/_default/search.html 46 47 48 49 50 51 52 53 54 55 56 57 58 59 60 61 62 {{- if not (.Param "hideSeries")}} {{- $taxonomies := .Site.Taxonomies.series }} {{- if gt (len $taxonomies) 0 }} <h2 style="margin-top: 32px">{{- (.Param "seriesTitle") | default...

 ·  · 

PaperMod 搜索页展示标签列表

需求:在搜索页展示标签列表 原因:标签页(/tags)需要一个入口,但是 PaperMod 默认的标签页比较简洁,占用一个菜单感觉有点浪费,而搜索页面内提供标签...

 ·  · 

PaperMod 文章页底部添加面包屑导航

需求:当文章比较长时无法点到面包屑,因此需要在文章页面的底部添加面包屑导航 编辑文章页面模板 ./layouts/_default/single.html 38 39 40 41 42 43 44 45 <footer class="post-footer"> <!-- 添加下面这行 --> {{ partial "breadcrumbs.html" . }} {{-...

 ·  · 

PaperMod 区分列表和文章的导航文字

需求:PaperMod 列表页面和文章页面的导航文字都是上一页/下一页,这在中文表述中不太准确,因此将文章页面的文字改为上一篇/下一篇 编辑 i18n 1...

 ·  · 

PaperModx 模板:随机显示图片

需求:新增模板用来随机显示图片,支持partials和shortcodes 👇 随机的图片,刷新页面看看效果 👇 1 实现原理 基于unsplash提供...

 ·  ·