当前位置: 首页 > 资讯 >

[Day08] Let's Build!

接续昨天提到的,我们今天将会实际跑一次指令,如果看到这里的你还在犹豫的话,别犹豫了,跟我一起开始吧!

Step 1. Create a New Site

hugo new site ithelp_2021_hugo

你可以把 ithelp_2021_hugo 替换成你想要的名称,如果成功的话,你应该会看到:

这样的回应。

Step 2. Add a Theme

因为 Hugo 没有预设的主题,所以这一步我们必须选择一个主题,这边会先用 Ananke 这个主题来作为例子。

首先先进入专案内部:

cd ithelp_2021_hugo

接着再将 git 初始化:

git init

这边就不展开解释 Git 是什麽以及他的用法了,Google 一下有大把大把的教材,不嫌弃的话也可以阅读我的 Git 简单介绍与常用指令 以及 Git 常见问题,比较偏向阅读笔记的两篇心得。

再将主题以 submodule 的方式汇入:

git submodule add https://github.com/theNewDynamic/gohugo-theme-ananke.git themes/ananke

并修改 config.toml 中的主题名称:

echo theme = \"ananke\" >> config.toml

Step 3: Add Some Content

为了测试,我们先随便新增一篇文章:

hugo new posts/test-post.md

这个指令会在 ithelp_2021_hugo/content/posts 底下建立一个 test-post.md,你会看到里面有一些初始的设定档,先不用去改它,我们之後会再说明。

Step 4: Start the Hugo server

到了振奋人心的一步了,输入:

hugo server -D

-D 代表 include content marked as draft,因为初始的设定档里面预设 drafttrue,如果成功的话会看到:

接着从浏览器前往 http://localhost:1313/,就会看到:

没错,大功告成!

这个时候去修改 ithelp_2021_hugo/content/posts/test-post.md 你会看到这个页面是会 hot reload 的。

总结

今天的进度是靠昨天介绍的指令,并依照官方文件初步的把 Hugo 在 Local 上 run 起来。

虽然我们今天先选了一个主题,但其实有非常多的主题可以选,明天让我们来做一个艰难的决定——那麽多的主题,要选哪一个好?

Reference

  1. Hugo - Quick Start

相关文章:

  • Git push
  • Day14 上上下下左左右右 & 世代差异的沟通术
  • 【不是铁人赛】Day 01|虚拟货币价格预测(一)资料处理
  • Day04 | Dart基本介绍 - 变数宣告与基本型别
  • Day 19 : 静态爬虫(下)
  • Day5 Android - Layout版面(下)
  • Eloquent ORM - 编辑资料
  • Day23
  • [DAY 02]环境建置 : 组出你的环境--前导
  • [经典回顾]硬碟装满资料会变重吗?
  • 【Day 7】BERT的[CLS]真的能代表句义吗?
  • Day12 明明是我(LCOS)先出生的 为什麽大家比较喜欢弟弟妹妹(DLP)
  • [进阶指南] 错误边界 ( Day22 )
  • Day04 测试写起乃 - 撰写Rspec
  • [ JS个人笔记 ] Promise —DAY9
  • 阿里云OSS对象存储控制客户端
  • 搬瓦工VPS优惠码/ 促销码 、最新BandwagonHost官网促销
  • 国外抗攻击服务器推荐:DDOS高防服务器推荐
  • 国内出海企业用哪家公司的短信比较多?
  • 寻找印度市场伙伴
  • 搬瓦工VPS注册购买教程 – 支付宝BandwagonHost购买方法教程
  • Facebook和instagram推广营销教程
  • 海外适合游戏投放的渠道有哪些?
  • Windows服务器推荐:便宜好用稳定靠谱的国外Windows服务器推荐
  • 以太坊是什么?以太坊原理和以太坊入门教程
  • Sendgrid使用教程:利用GitHub学生包每月发送15K邮件
  • Python安装教程:怎么安装Python
  • VPS优惠:搬瓦工香港VPS补货/G口/KVM/月付9.9美元
  • 国外VPS优惠码大全:
  • 狗狗币怎么获得?狗狗币挖矿教程和狗狗币使用方法