在线预览:https://edui123.com/

仓库下载:https://github.com/lmm214/hugo-theme-webstack

2022-08-07 版本更新:增加 「最近使用」 板块,如上图,利用本地 localStorage 实现,显示用户最近 8 次点击项目。

2020-06-10 版本更新:感谢 @ooiii 改进,所有内容(导航和板块)的增删排序直接在 links.toml 内完成! 👍

配置说明

Hugo 站点 config.toml 默认配置,新增各信息和功能的修改。

theme = "webstack"
version = "20.06.09"

# 首页网址
baseURL = "https://edui.fun"
# 标题
title = "Edui.fun"

[params]
    # 副标题
    subtitle = "让教学有点意思"
    # 横条logo
    logo = "https://fastly.jsdelivr.net/gh/lmm214/edui@gh-pages/images/avatar.png"
    # logo 图标
    logoM = "https://fastly.jsdelivr.net/gh/lmm214/edui@gh-pages/images/eduifuns.png"
    # css和js文件的cdn
    cdn = "https://fastly.jsdelivr.net/gh/lmm214/edui@gh-pages"
    # 开启今日诗词
    jinrishici = "true"
    # 开启访问量统计
    busuanzi = "true"

主题使用

主题目录:

hugo-webstack
├── data
│   └── links.toml  //只需更改这里
├── layouts
│   └── home.html //独一无二一个页面搞定
└── theme.toml

links.toml 示例:

[[list]]
tag = '在线工具'
css = 'icon-globe'

[[list.sub]]
tag = '教学助手'
css = 'icon-star'

[[list.sub.item]]
description="随时随地打开,开启专注力训练"
siteLink="https://edui.fun/schulte/"
siteLogo="https://fastly.jsdelivr.net/gh/lmm214/images/logos/schulte.png"
siteName="舒尔特方格"

[[list.sub]]
tag = '图文影音'
css = 'icon-pencil'

[[list.sub.item]]
description="在线生成并打印描字帖、笔顺描写贴和常用字体模板"
siteLink="https://tool.lu/copybook/index.html"
siteLogo="https://fastly.jsdelivr.net/gh/lmm214/images/logos/toollu.png"
siteName="字帖生成器"

[[list]]
tag = '实用软件'
css = 'icon-desktop'

[[list.item]]
description="一键部署新版本 Office 全家桶,免费!"
siteLink="https://otp.landian.vip/zh-cn/"
siteLogo="https://fastly.jsdelivr.net/gh/lmm214/images@master/logos/otp.png"
siteName="Office Tool Plus"


[[list]]
tag = '移动在线'
css = 'icon-mobile'

[[list.item]]
description="在线电子教材、必备古诗词、24点出题"
siteImage="https://fastly.jsdelivr.net/gh/lmm214/images/logos/exzz.jpg"
siteLogo="https://fastly.jsdelivr.net/gh/lmm214/images/logos/exzz.jpg"
siteName="二小智造"

list 为主导航,list.sub 子导航,其中 item 中如果有 siteImage 则开启图片模式,效果如下:

webstack-11

其他

部署参考:Hugo + Github Actions 实现自动化部署

😈