/hugo-theme-next

Hugo's site theme.

Primary LanguageCSSMIT LicenseMIT

Go Enviroment Build Hugo Version GitHub branch checks state Build Status GitHub deployments Repos Size Release Version GitHub

中文 | English

Hugo版本的NexT主题

本主题是在xtfly移植基础上,再次进行深度的优化和改造,维持了NexT原本简单朴素的基调,同时增添不少与博客生态相关的服务组件,让主题更加的完善和好用。主要的特性如下:

  • 多种设备显示自适应
  • 支持中英文双语切换
  • 支持多种站点统计工具,如百度,谷歌,CNZZ,不蒜子
  • 自动生成站点地图,加入百度链接推送SEO优化
  • 集成多种评论插件
  • 添加文章快速分享
  • 支持文章访问统计
  • 集成图片浏览器
  • 自定义个人信息页面
  • 在线聊天功能
  • ......

耗费如此多精力去维护及升级,也是希望看到NexT主题能在Hugo引擎上继续发光发热。关于本主题的最新情况,可查看上方的构建状态和新版本发布,欢迎大家使用与反馈。

效果预览

同时兼容PC端和不同移动设备访问的自适应,效果如下:

my-hugo-blog.png

其中PC端测试兼容的部分浏览器有:

Coogle Chrome Firefox Safari Microsoft Edge Internet Exporler

也可访问鄙人的博客空间预览实际效果,欢迎点击https://lisenhui.cn访问。

快速开始

  1. 参考Hugo官方的部署文档Installing,在您的电脑上安装Hugo执行文件;

  2. 参考Git官方的部署文档安装 Git,在您的电脑上安装Git执行文件;

  3. 执行hugo new site [站点名称]命令来创建您自己的站点;

  4. 执行git init命令初步化站点的所有文件;

  5. 切换到站点的themes目录下,执行git clone --recurse-submodules https://github.com/elkan1788/hugo-theme-next.git命令克隆本主题

在国内可使用Gitee仓库地址: git clone --recurse-submodules https://gitee.com/lisenhui/hugo-theme-next.git

  1. 拷贝hugo-theme-next目录下的两个目录configcontent到站点根目录下面;

  2. 执行hugo server生成站点服务;

  3. 打开浏览器,在地址栏输入http://localhost:1313/访问查看效果。

Live Demo

后续可参考config目录下文件里的配置参数,按需调整生成您自己个性化的站点。

文章标记

本主题默认是把中文文章放在zh-CN目录下的post文件夹,而英文文章放在en目录下的post文件夹,另外在about文件夹下只有一个index.md文件用于编辑个人信息。

  1. 文章的开头模板参考:
---
title: "Hello World"
url: 2020/09/11/hexo-hello-world.html
date: "2020-09-11"
tags: 
  - 测试
  - 学习
categories:
  - Hugo
toc: true
math: true
type: about
---

参数作用说明:

  • title: 文章标题
  • url: 访问路径
  • date: 发表日期
  • tags: 文章标签
  • categories: 文章分类
  • toc: 是否开启目录导航
  • math: 是否开启数学公式解析
  • type: 页面显示类型
  1. 关于首页显示的文章摘要内容可使用 <!--more--> 标签来手动干预,更多说明可详见官方文档:Manual Summary Splitting

许可证

MIT License.

致谢

完善Hugo NexT主题原是个人的业余爱好,但没想到网友们这么的热情,感谢有你们的支持,就让我们一起来见证它的成长吧。

以下是捐助名单列表(按时间顺序):

捐助时间 捐助者 捐助方式 捐助内容
2021.12.21 z*y 微信支付 ¥18.88