Hugo 主题
Arberia Hugo主题
Arberia 主题是一个完全响应式的技术博客主题,具有 4 种单篇文章布局和 2 种列表布局!
Arberia Hugo主题
Arberia 主题 是一款适用于 Hugo 的主题,专为技术博客作者设计,具有 4 种单篇文章布局和 2 种列表布局!
该项目的目标是为基本主题添加更多功能和自定义选项。
在线演示
请访问 https://arberiatheme.netlify.app/
功能
- 响应式布局
- 3 种单篇文章视图
- 带侧边栏的文章视图
- 不带侧边栏的文章视图
- 带有封面图像的文章视图
- 视频文章视图
- 2 种列表文章视图
- 列表文章
- 网格文章
- 着陆页
- 列表类别/标签视图
- 带彩色图标的子菜单
- 目录
- 搜索 由 Flexsearch.js 支持
- 支持 Google Analytics
- Disqus 评论系统
- 文章上的社交媒体分享按钮
- 多语言支持
- 默认使用 Hugo 的资源生成器,带有流水线、指纹识别、捆绑和缩小功能(编辑主题不需要 webpack、nodejs 和其他依赖项)。
安装/更新
在开始之前,请确保您已安装 Hugo 并创建了一个新站点。之后,您就可以安装 Arberia 了。
有两种模式
a) 简单模式:从 Github 页面 下载为 Zip,并解压到您的 themes 目录 或
b) 或者您可以通过以下命令将其添加为 git 子模块
git init
cd themes
git submodule add https://github.com/antedoro/arberia.git arberia
接下来,将 themes/arberia/exampleSite 中的内容复制到站点根文件夹。将 themes/arberia/archetypes 中的文件夹复制到站点根文件夹。
打开 config/_defaults/config.toml
文件夹,并确保 theme 选项设置为 arberia
theme = "arberia"
现在您可以启动 Hugo 服务器并查看站点了
hugo server -D
打开浏览器并访问此链接:https://127.0.0.1:1313
注意 更新已安装的主题
cd themes/arberia
git pull
配置
Config.toml 示例
title = "Arberia Theme"
baseURL = "https://exampleSite.com/"
relativeURLs = "True"
languageName = "En"
languageCode = "en-us"
theme = "arberia"
Front Matter 示例
---
weight: 1
title: Insert title here
subtitle: Subtitle
date: 2020-10-15T20:58:53+02:00
lastmod: 2020-10-15T20:58:53+02:00
draft: false
type: standard-view
author: athor name
authorLink: ""
description: ""
tags:
- tag1
- tag2
categories:
- cathegory1
hiddenFromHomePage: false
hiddenFromSearch: false
resources:
- name: featured-image
src: featured-image.webp
featured: true
sidebar: true
toc: true
license: ""
slug: slug here if necessary
---
有关所有可用标准 front matter 变量的更多信息,请阅读 Hugo Front Matter。
贡献
您是否发现了一个 bug 或对新功能有想法?请随时使用问题跟踪器让我知道。或者直接发起一个 pull 请求。
许可证
此主题根据 MIT 许可证发布。
常见问题/操作指南
阅读 Wiki 了解更多详情 => Arberia-常见问题
发布日志
发布日志包含有关添加内容的详细信息:发布
特别感谢
- flexsearch.js
- mark.js
- 所有贡献者和支持者