[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

<<:  Day8-JDK性能监控工具:jstat(上)

>>:  30天学会 Python: Day 7-无限轮回

【领域展开 11 式】网站制作中,请 Google 不要搜寻到我 > <

网页施工中,请稍後再回来 虽然昨天将子母主题做汇入,本来今天预定要选定主题做汇入,但是在参考两篇文章...

[解题纪录] Love Song

题目 题目大意: 以题目的范例测试资料为例: 7 3 abacaba 1 3 2 5 1 7 第一行...

[DAY 02]环境建置

先把环境建置好 环境建置 1.安装Anaconda 官方载点 步骤 安装注意事项 第三步选justm...

创建App-学生版界面(1.课程资料界面)

学生版界面(课程资料界面) 现在进入学生版的界面建设,因学生版本只能接收由老师透过本App发布的课程...

【Day 01】从零开始的 Line Chatbot 系统-序章

暑假後期,指导教授给了第三届 Line Chatbot 设计大赛的资讯。 虽然比赛内容主要放在设计、...