Hugo Themes
Hugo版本的NexT主题
本主题是在xtfly移植基础上,再次进行深度的优化和改造,维持了NexT
原本简单朴素的基调,同时增添不少与博客生态相关的服务组件,让主题更加的完善和好用。主要的特性如下:
- 多种设备显示自适应
- 支持中英文双语切换
- 支持多种站点统计工具,如百度,谷歌,CNZZ,不蒜子
- 自动生成站点地图,加入百度链接推送SEO优化
- 集成多种评论插件
- 添加文章快速分享
- 支持文章访问统计
- 集成图片浏览器
- 自定义个人信息页面
- 在线聊天功能
- ……
耗费如此多精力去维护及升级,也是希望看到NexT
主题能在Hugo
引擎上继续发光发热。关于本主题的最新情况,可查看上方的构建状态和新版本发布,欢迎大家使用与反馈。
效果预览
同时兼容PC端和不同移动设备访问的自适应,效果如下:
其中PC端测试兼容的部分浏览器有:
也可访问鄙人的博客空间预览实际效果,欢迎点击https://lisenhui.cn访问。
快速开始
参考
Hugo
官方的部署文档Installing,在您的电脑上安装Hugo
执行文件;参考
Git
官方的部署文档安装 Git,在您的电脑上安装Git
执行文件;执行
hugo new site [站点名称]
命令来创建您自己的站点;执行
git init
命令初步化站点的所有文件;切换到站点的
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
拷贝
hugo-theme-next
目录下的两个目录config
和content
到站点根目录下面;执行
hugo server
生成站点服务;打开浏览器,在地址栏输入
http://localhost:1313/
访问查看效果。
后续可参考
config
目录下文件里的配置参数,按需调整生成您自己个性化的站点。
文章标记
本主题默认是把中文文章放在zh-CN
目录下的post
文件夹,而英文文章放在en
目录下的post
文件夹,另外在about
文件夹下只有一个index.md
文件用于编辑个人信息。
- 文章的开头模板参考:
---
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
: 页面显示类型
- 关于首页显示的文章摘要内容可使用 `
` 标签来手动干预,更多说明可详见官方文档:Manual Summary Splitting。