首页 > 其他 > 详细

Hugo安装及部署

时间:2020-09-23 09:23:26      阅读:71      评论:0      收藏:0      [点我收藏+]
  • Windows下安装Hugo

  二进制安装、在官网上下载zip包:https://gohugo.io/getting-started/installing/

  解压到你熟悉的盘中 比如:D:\Hugo\bin中    再在你的用户环境变量中的 Path 添加 地址 D:\Hugo\bin

在cmd中出现以下信息说明安装成功,没有的话检查下相关路径是否正确。

技术分享图片

 

 

  • 运行步骤

  生成站点:win10中在你想要的目录下打开 Power Shell(打开方式按住 shift 鼠标左键点击文件夹)  

hugo new site myblog

  技术分享图片

 

 Hugo官方解说是:https://gohugo.io/getting-started/directory-structure/

技术分享图片

 

  •  创建文章

  创建一个 about 页面:$ hugo new about.md about.md 自动生成到了 myblog/content/about.md ,打开 about.md 看下:

技术分享图片

 

 内容是 Markdown 格式的,+++ 之间的内容是 TOML 格式的,根据你的喜好,你可以换成 YAML 格式(使用 — 标记)或者 JSON 格式。
创建第一篇文章,放到 post 目录,方便之后生成聚合页面。 $ hugo new post/first.md 打开编辑 post/first.md :

---
date: "2015-10-25T08:36:54-07:00"
title: "first"
 
---

### 输入自己想在界面显示得语句
hello Hugo

 

  • 接下来是安装你心怡得主题:

  找到相关的 GitHub 地址,进入themes,在 themes 目录里把主题 git clone 下来: 我选的 https://github.com/liuzc/LeaveIt/ 

  技术分享图片

 

  • 运行Hugo

  在你的站点根目录执行 Hugo 命令进行调试:

  $ hugo server --theme=LeaveIt --buildDrafts

             ( LeaveIt )是你下载主题得文件夹名称

  (注明:v0.15 版本之后,不再需要使用 –watch 参数了)

  浏览器里打开: http://localhost:1313

 

  注:用于记录,以后好回忆步骤

Hugo安装及部署

原文:https://www.cnblogs.com/shaoxiao666/p/13715728.html

(0)
(0)
   
举报
评论 一句话评论(0
关于我们 - 联系我们 - 留言反馈 - 联系我们:wmxa8@hotmail.com
© 2014 bubuko.com 版权所有
打开技术之扣,分享程序人生!