首页 > 其他分享 >玩转开源 | 搭建 Hugo 管理 Markdown 文档

玩转开源 | 搭建 Hugo 管理 Markdown 文档

时间:2023-11-23 09:57:16浏览次数:45  
标签:Markdown Hugo 文档 玩转 https 安装 hugo

在工作、学习中,不可避免会要写一些文档;又或者想搭建个简单网站,记录和分享您的生活经验或知识;撰写这些文档中使用 markdown 是一个非常不错的选择,让我们更加聚焦在文档表达的内容上。实际上笔者的文档基本都是在 Sublime 中用 markdown 格式撰写的。

在 先前文章 《Markdown的那些事儿》 也有提到到,围绕 markdown 有着大量的开源软件、库做支持;这里分享下使用基于MIT许可证的开源软件 Hugo 来管理 Markdown 文档,能帮助基于 markdown 生成各种风格主题的静态页面。先不妨看下笔者一些markdown 文档效果:https://quincik.gitee.io/algorithms/docs/nine/array/

请在此添加图片描述

Hugo 常用来做什么?

Hugo是一款强大的用于生成静态网页的程序,擅长于将 Markdown 文档按需要转换成各类主题的静态网页;它由Go语言编写的,在处理速度上非常快;也有人对比过类似一些产品比如 Jekyll / Hugo / Hexo,其编译网页的速度是最快的。

使用Hugo的主要场景包括搭建公司、产品或个人网站,尤其是在结合云服务器的环境下。它的强大性不仅体现在速度上,也涵盖了灵活性和多样性。静态网页生成的成果可以轻松部署于GitHub Page、Gitee Page等平台,同时也能便捷地转换为各种主题形式,满足用户多样化的需求。

结合Hugo和Nginx的组合,可以迅速、高效地搭建公司站点或个人站点。这种方式不仅利用了Hugo快速生成静态网页的特性,还借助Nginx提供的高性能、稳定的Web服务器功能,为访问者提供了极佳的体验;最近,腾讯云服务器CVM推出了不少优惠活动,感兴趣的不妨试试。

搭建 Hugo 环境

第一步,安装 Go 语言环境,可以直接去官网下载下 GO 的程序,进行安装即可。附上官网安装链接:https://go.dev/doc/install

第二步,Hugo 经常会结合 Git 一起用,这里也安装 Git 的程序,同样也是推荐官方下载:https://git-scm.com/download/win

第三步,安装 Dart Sass, Hugo v0.114.0 以及 后续版本 是用Dart 来进行 Sass 的编译的;笔者是在 Windows 使用 Scoop 安装(其他系统可能更为方便),以下给出一些参考步骤:

  1. 先使用 win 自带的 PowerShell 来安装 Scoop # Optional: Needed to run a remote script the first time

    Set-ExecutionPolicy RemoteSigned -Scope CurrentUser
    irm get.scoop.sh | iex scoop install sass当然这只是一种选择,也可以考虑直接去 github 上下载 release 安装,这里给的是 v1.69.5:https://github.com/sass/dart-sass/releases/tag/1.69.5

  2. 使用 Scoop 安装 sass。

第四步,安装 Hugo ,去 Github 上下载个最新版本安装即可,这里给的是 v0.120.4 :https://github.com/gohugoio/hugo/releases/tag/v0.120.4

特别注意下以上的环境安装,记得都配置下 系统环境变量Path 方便后续的使用。最后附上,笔者安装的程序的 相关版本信息。

PS D:\> go version
go version go1.21.4 windows/amd64

PS D:\> git -v
git version 2.42.0.windows.2

PS D:\> sass --version
1.69.5

PS D:\> hugo version
hugo v0.120.4 ...

Hugo 快速使用

第一步, 打开 PowerShell 进入 D 盘: cd d:;

第二步, 执行命令 : hugo new site "blog";

请在此添加图片描述

第三步, 进入到 hugo 主题网站:https://themes.gohugo.io/ ,这里用 hugo-book主题 来演示;

请在此添加图片描述

第四步, 点击下载,进入 github 站点,下载 最新 releases 主题包;

请在此添加图片描述

第五步, 解压缩到 blog/themes 目录下,并修改 hugo.toml 文件,设置主题:theme = 'hugo-book-9'

除开下载源码安装的方式,四、五步也还有其他方式 比如:git submodule add https://github.com/alex-shpak/hugo-book themes/hugo-book 等,虽然方式不同主要目标都是将主题文件放在hugo themes文件下。

请在此添加图片描述

第六步,进入 D:\blog: cd .\blog\ ;然后执行 hugo serve -D 运行hugo自带的服务功能。

请在此添加图片描述

到这里,其实我们就能看到 利用hugo 搭建出来的默认站点了:http://localhost:1313/

Hugo 新增文档

在下载 hugo-book主题 的时候,里面就包含了 它的一些示例网页;只需要复制到 content 里面就能看到。由于使用的都是默认配置,这里仅拷贝docs/exampledocs/_index.md

请在此添加图片描述

当然,我们可以自己新建下 自己的 Markdown文件(hello.md);由于 快速使用中配置都为默认的,因此 我们需要在 docs下面进行创建,便于菜单吐出。

请在此添加图片描述

Hugo 的基本搭建就先介绍到这里了,后续如果有机会再分享 Hugo 配置、相关主题。

欢迎关注 Java研究者专栏、博客、公众号。

标签:Markdown,Hugo,文档,玩转,https,安装,hugo
From: https://www.cnblogs.com/jzhlin/p/hugo_01.html

相关文章

  • Markdown学习
    Markdown学习1.标题语法:#+空格一级标题(#+空格),二级标题(##+空格)以此类推2.字体语法:字体前后加**是字体加粗如:Hello,World!语法:字体前后加*是字体斜体如:Hello,World!语法:字体前后加***是字体加粗斜体如:Hello,World!语法:字体前后加~~是废弃如:Hello,World3.引用语......
  • pycharm 中 markdown 数学公式无法显示怎么办
    pycharm自带的markdown确实一大堆问题,公式显示不出来,插件主页里一堆差评。如果确实要在python里用markdown,并且要在markdown里用公式的话,建议去下载一个MarkdownEditor插件。 ......
  • markdown小技巧
    一些markdown快捷键1-6级标题代码方法#+空格+内容---》几个#号就是几级标题快捷键ctrl+字母键上面的数字键12---6(有序列表)ctrl+shift+[(无序列表)ctrl+shift+]-+空格快速插入代码英文模式下的三个```language比如```python使用快......
  • MarkDown学习
    标题三级标题四级标题字体Hello,World!Hello,World!Hello,World!Hello,World!引用勇敢的人先享受世界分割线图片超链接点击跳转到博客列表ABCABC表格姓名性别生日张三男2000-1-1代码public......
  • Markdown语法使用表情符号
    语法代码使用语法:&#x符号编码;其中符号编码可以从EmojiUnicodeTables中获取到例如我要用下面这个小火箭图标它的编码是1F680,那么就是🚀![image-20211117154550545](Markdown内如何使用表情符号.assets/image-20211117154550545.png)也可以直接复制有......
  • 本地Stackedit Markdown编辑器设置远程访问
    StackEdit是一个受欢迎的Markdown编辑器,在GitHub上拥有20.7kStar!,它支持将Markdown笔记保存到多个仓库,包括Gitee、GitHub和Gitea。此在线笔记工具还提供了一些便捷功能,如拖拽或粘贴上传图片、文件搜索功能,以及可切换为炫酷的暗黑主题,这些功能特别适合那些喜欢使用Markdown来记录笔......
  • 高交会直击:玩转智能终端科技路线
    11月15日,中国国际高新技术成果交易会(简称高交会)在深圳会展中心正式拉开帷幕。作为中国高新技术领域对外开放的重要窗口之一,高交会不仅拓宽了科技创新的视野,更将未来科技趋势呈现给全世界。其中,高交会IT展上的智能终端设备展示成为最大的亮点,向观众展示了科技的无限魅力和未来潜力。......
  • MarkDown文件插入公式(常用格式)
    1、插入公式markdown支持插入公式,书写公式需要按照特定格式来写,涉及到希腊字母、符号、角标、基本语法等内容需要熟悉,1.1句中插入公式表达式前后插入$即可,比如$\alpha$,显示为$\alpha$1.2公式独立一行大公式或者复杂公式适合独立一行显示,表达式前后插入$$即可,写的时候也在......
  • 狂神Markdown基础操作学习记录
    Markdown学习标题一级标题:#+空格+标题二级标题:##+空格+标题三级标题:###+空格+标题四级标题:####+空格+标题以此类推(最多到六级标题)字体Hello,World!两边加上**:加粗Hello,World!两边一个*:斜体Hello,World!两边三个***:斜体加粗Hello,World!删除线:两边波浪号(注意英文输入法)......
  • 玩转 Cgroup 系列之三:挑战手动管理 Cgroup
    在前面的文章中,作者讨论了Cgroup和CPUShare如何用于系统管理和性能调优。在这一篇文章中,作者将重点介绍Cgroup的手动管理任务。虽然手动管理Cgroup不是一件容易的事,但了解其中的过程可以帮助我们更好地认识Cgroup和资源管理(点击参考原文)。挑战手动管理Cgroup来看看如何......