hugo-magic主题使用教程(一)

阿甘知识库2024-06-20 21:18

前提条件

以下教程以windows10为例
操作终端使用git bash
魔法上网的前提下

下载hugo

bash 复制代码

https://github.com/gohugoio/hugo/releases/download/v0.127.0/hugo_extended_0.127.0_windows-amd64.zip

解压到任意目录,然后将目录添加到系统环境变量如图 (windows)
打开cmd 输入 hugo version 验证是否设置正确

下载安装Git

bash 复制代码

https://github.com/git-for-windows/git/releases/download/v2.45.2.windows.1/Git-2.45.2-64-bit.exe

新建博客

使用Git bash终端,打开方式: 桌面右键找到 Git Bash Here
如果没有魔法上网,git submodule add这一步会拉取失败

在桌面右键打开Git bash运行以下命令

shell 复制代码

hugo new site quickstart
cd quickstart
git init
git submodule add https://github.com/woniu336/hugo-magic.git themes/hugo-magic

拷贝文件

拷贝hugo-magic主题核心文件到根目录 quickstart

bash 复制代码

cp -rf themes/hugo-magic/exampleSite/* .
rm hugo.toml
mkdir -p data/summary 
mkdir -p assets/img 
cp themes/hugo-magic/data/footer_links.json data/ 
cp themes/hugo-magic/data/summary/summary.json data/summary/
cp -r themes/hugo-magic/archetypes .
cp -r themes/hugo-magic/shell .
cp -r themes/hugo-magic/static .
cp themes/hugo-magic/.gitignore .

启动预览

复制代码

hugo server -D

打开浏览器,输入地址: http://localhost:1313/