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

前提条件

  • 以下教程以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/

相关推荐
mjhcsp2 天前
博客安全攻防演练:从实战视角构建全方位防护体系
网络安全·博客
-一杯为品-3 天前
【博客规划】关于我未来的研究方向……
博客·纪念
chaochaomiao10 天前
为你的Hugo博客站创建WordCloud标签云
前端框架·hugo·blog·标签云
skywalk81633 个月前
基于Node.js开发的开源博客平台ghost安装和使用
开源·node.js·自动化·博客
大猫和小黄3 个月前
【工具集】使用Docsify搭建个人博客
博客·docsify
认真就输4 个月前
故障诊断:ASM莫名出现GC等待事件、ADG的MRP进程HANG住
博客
鲨鱼辣椒_TUT5 个月前
Stack主题遇到的问题
hugo
xinxiyinhe7 个月前
Hugo 生成静态网站并部署到 GitHub Pages 的完整流程
github·hugo·netlify
SmallBambooCode8 个月前
【WordPress】发布文章时自动通过机器人推送到钉钉
机器人·php·钉钉·博客·wordpress
James5069 个月前
WordPress使用(1)
docker·博客·wordpress