Please enable Javascript to view the contents

Hugo

 ·   ·  ☕ 4 分钟 · 👀... 阅读

1.常用hugo命令

新建一个文件

1

hugo new coder/hilo.md

默认http://localhost:1313
如果开了多个端口会随机一个

1

hugo server --本地运行

发布

1

hugo

2.hugo 中文tags 不支持？

3.hugo文件头的作用
draft 草稿 不会build到public

4.config.toml文件详解

重要的是baseurl、theme、themesDir

baseurl需要改成你的github pages的仓库名
theme、themesDir改成主题目录名和主题路径

2.hugo语法

1.{{.}}
点`.`代表传递给模板的数据, 表示当前模板的上下文, 他可以是go语言中的任何类型, 如: 字符串, 数组, 结构体等.

2.{{/* comment */}}
注释

2.{{/* comment */}}
注释

3.空格处理
// 清除 pipeline 前后的空格
{{- pipeline -}}

// 清除 pipeline 前面的空格
{{- pipeline }}

// 清除 pipeline 后面的空格
{{ pipeline -}}

3.{{$变量名 := "值"}}
变量


4.{{$变量名 := "值"}}
变量

2.zzo 主题

特色

1.图集功能
2.ppt功能
3.档案的格式看文档
4.支持文章阅读时间统计
5.支持每篇文章配置缩略图图片
6.还有很多写文章的模板
    1.数学排版
    2.多语言高亮格式
    3.简码
    4.降价语法指南
    5.内容丰富
    6.表情符号支持
    7.Viz支持
    8.Wavedrom支持
    9.图表支持
    10.JS序列图支持
    11.美人鱼支持
    12.MathJax支持
    13.Katex支持
    14.流程图支持
    15.动画片
    16.

还是挺好用的

2.LoveIt 主题

LoveIt 主题 | Hugo Netlify Status

GitHub release (latest by date)
Hugo
License
CircleCI

English README | 简体中文说明

LoveIt 是一个简洁、优雅且高效的 Hugo 博客主题。

它的原型基于 LeaveIt 主题 和 KeepIt 主题。

由于三个主题外观的相似性，如果你对于它们的不同之处有疑问，请阅读 为什么选择 LoveIt，以便你能选择最适合你的一个。

Hugo 主题 LoveIt

主题预览

为了直观地浏览主题特性，这里有一个基于 LoveIt 主题渲染的 预览网站。

为什么选择 LoveIt

相较于 LeaveIt 主题 和 KeepIt 主题，LoveIt 主题主要有以下修改

  • 自定义标题栏
  • 自定义CSS 样式
  • 焕然一新的主页，已经兼容最新版 Hugo
  • 大量的样式细节调整，包括颜色、字体大小、边距、代码预览样式
  • 可读性更强的深色模式
  • 一些美观的 CSS 动画
  • 易用和自动展开的文章目录
  • 支持更多的社交链接、网站分享和评论系统
  • 支持基于 Lunr.js 或 algolia 的搜索
  • 一键复制代码到剪贴板
  • 支持基于 Font Awesome 图标的扩展 Markdown 语法
  • 支持上标注释的扩展 Markdown 语法
  • 支持分数的扩展 Markdown 语法
  • 支持基于 KaTeX 的数学公式
  • 支持基于 mermaid 的图表生成功能
  • 支持基于 ECharts 的交互式数据可视化生成功能
  • 支持基于 Mapbox GL JS 的 Mapbox 地图显示功能
  • 支持基于 APlayer 和 MetingJS 的内嵌音乐播放器
  • 支持内嵌 Bilibili 视频
  • 支持多种注释的 shortcode
  • 支持自定义样式的 shortcode
  • 支持所有第三方库的 CDN
  • …

所以，如果你更偏好 LoveIt 主题的设计语言和自由度，如果你想便捷地使用扩展的 Font Awesome 图标，如果你想在文章内嵌数学公式、流程图、音乐或是 Bilibili 视频，
那么，LoveIt 主题可能是更适合你。
希望你会 LoveIt ❤️!

特性

性能和 SEO

  • 性能优化：在 Google PageSpeed Insights 中， 99/100 的移动设备得分和 100/100 的桌面设备得分
  • 使用基于 JSON-LD 格式 的 SEO SCHEMA 文件进行 SEO 优化
  • 支持 Google Analytics
  • 支持 Fathom Analytics
  • 支持搜索引擎的网站验证 (Google, Bind, Yandex and Baidu)
  • 支持所有第三方库的 CDN
  • 基于 lazysizes 自动转换图片为懒加载

外观和布局

  • 响应式布局
  • 浅色/深色 主题模式
  • 全局一致的设计语言
  • 支持分页
  • 易用和自动展开的文章目录
  • 支持多语言和国际化
  • 美观的 CSS 动画

社交和评论系统

扩展功能

  • 支持基于 Lunr.js 或 algolia 的搜索
  • 支持 Twemoji
  • 支持代码高亮
  • 一键复制代码到剪贴板
  • 支持基于 lightgallery.js 的图片画廊
  • 支持 Font Awesome 图标的扩展 Markdown 语法
  • 支持上标注释的扩展 Markdown 语法
  • 支持分数的扩展 Markdown 语法
  • 支持基于 KaTeX 的数学公式
  • 支持基于 mermaid 的图表 shortcode
  • 支持基于 ECharts 的交互式数据可视化 shortcode
  • 支持基于 Mapbox GL JS 的 Mapbox shortcode
  • 支持基于 APlayer 和 MetingJS 的音乐播放器 shortcode
  • 支持 Bilibili 视频 shortcode
  • 支持多种注释的 shortcode
  • 支持自定义样式的 shortcode
  • 支持自定义脚本的 shortcode
  • 支持基于 TypeIt 的打字动画 shortcode
  • 支持基于 Smooth Scroll 的滚动动画
  • 支持基于 cookieconsent 的 Cookie 许可横幅
  • …

文档

在本地构建文档:

1

hugo server --source=exampleSite

多语言和国际化

LoveIt 支持下列语言:

  • 英语
  • 简体中文
  • 法语
  • 波兰语
  • 巴西葡萄牙语
  • 意大利语
  • 西班牙语
  • 德语
  • 塞尔维亚语
  • 俄语
  • 罗马尼亚语
  • 越南语
  • 贡献一种新的语言

语言兼容性

路线图

问题、想法、 bugs 和 PRs

所有的反馈都是欢迎的！详见 issue tracker。

许可协议

LoveIt 根据 MIT 许可协议授权。 更多信息请查看 LICENSE 文件。

LoveIt 主题中用到了以下项目，感谢它们的作者：

作者

Dillon

赞助支持

如果你喜爱这个主题, 请考虑给我买杯咖啡 ☕️.

谢谢! ❤️

分享
您的鼓励是我最大的动力
alipay QR Code
wechat QR Code
liqiang
作者
liqiang
cocos,python,js,php
目录