hugo-theme-tony
一个使用Hugo静态网站生成器的简洁强大的博客主题
预览
关联项目
https://github.com/ThemeTony/tony_wordpress
作者
前端主要由 HelipengTony 制作 FFRaycoder移植
特性
- Medium Zoom
- 左下个人GitHub链接
- 外链引导
- Thumbnail
- 首页标记页面
- 阅读进度条
- 谷歌统计
- 百度推送
- 使用Bootstrap作为CSS模板
- 标签 (页)
- 分类 (页)
- 阅读进度条
- 评论
- Valine
- Pinned Pages
- JQuery
- Remixicon https://remixicon.cn/
- 归档页
- i18n
Demo
要求
- Hugo: 拓展版
下载和使用
下载
$ git init
$ git submodule add --depth 1 https://github.com/ThemeTony/hugo-theme-tony.git themes/tony
使用
替换config.toml
$ rm config.toml && cp themes/tony/exampleSite/config.toml config.toml新建一篇文章和
about页面$ hugo new "posts/hello-world.md" $ hugo new "about/index.md"启动服务:
$ hugo server -D
升级
$ git submodule update --rebase --remote
自定义
查看https://github.com/ThemeTony/hugo-theme-tony/tree/master/layouts/partials/custom
短代码pageLink
[[< pageLink "title" "link" "bio" >]]
将 "[]" 用 "{}" 替换
归档页
$ hugo new archives/_index.md
archives/_index.md
---
title: "Archives"
date: 2020-05-09T15:50:35+08:00
draft: false
type: archives
adjacentPost: false
---
友链页
$ hugo new links/_index.md
links/_index.md
---
title: "Links"
date: 2020-05-09T15:50:35+08:00
draft: false
type: links
adjacentPost: false
---
复制themes/tony/data/links.toml至blog/data/links.toml并修改。
支持的Front Matter：
| 项 | 作用 | 示例 |
|---|---|---|
title | 文章标题 | title: "Hugo Theme Tony主题文档" |
date | 文章发布日期 | date: 2020-05-07T09:51:27+08:00 |
slug | 文章链接 | slug: "docs-of-hugo-theme-tony" |
draft | 是否草稿 | draft: false |
keywords | 文章关键词，用于HTML头部 | keywords: ["移植主题"] |
categories | 分类 | categories: ["博客"] |
tags | 标签 | tags: ["博客"] |
status | 不允许点击（类似碎碎念），仅在主页展示 | status: false |
categoryLink | 分类按钮点击时的链接 | categoryLink: "/" |
toc | 是否开启目录 | toc: true |
buy: falsebuyLink: ""buyName: ""buyInfo: ""buyImage: ""buyButtonText: "" | 购物链接 | buyLink: "https://htony.js.org"buyName: "hugo-theme-tony"<br/>``buyInfo: "WP-Theme-Tony的hugo移植版"buyImage: "/images/t.jpg"buyButtonText: "官网" |
thumbnail | 缩略图 | thumbnail: "https://cdn.jsdelivr.net/gh/FFRaycoder/cdn/imgs/20200507094721.png" |
weight | 文章权重 | weight: 2 |
readingBar | 是否开启阅读进度条 | readingBar: true |
adjacentPost | 是否显示上下页 | adjacentPost: true |