个人博客建站系列 #005 | 使用hugo创建第一个站点

发表于： 分类于：
字数： 406 阅读：≈ 1分钟 浏览：

创建第一个站点

创建站点

切换至相应目录下，使用如下语句： hugo new site blog 。这将在一个叫 blog 的文件夹内创建一个新的 Hugo 站点。然后 hugo 会自动生成这样一个目录结构：

目录备注
archetypesdefault. Md 为模板
content放的是你写的 markdown 文章
layouts网站的模板文件
static图片、css、js 等资源
config. Toml网站的配置文件

这样就建立了新的站点。但此时新站点无法启动，需要安装主题。- 主题的挑选可以到官方的 主题页面

还是喜欢NexT

添加NexT主题 

1
2
3
4
5
6
7

hugo new site zuoer
cd zuoer
git init
git config --global core.autocrlf true # 【可选】
git submodule add https://github.com/hugo-next/hugo-theme-next.git themes/hugo-theme-next
xcopy themes\hugo-theme-next\exampleSite\* . /E /H /K
hugo server

后续主题版本更新：git submodule update --remote

将~\blog\themes\hugo-theme-next\archetypes\default.md拷贝到~\blog\archetypes\下，这样可以设置新建的文章的formatter

创建文章

  • 使用如下命令，创建一篇文章：hugo new post/my-first-post.md
  • 启动Hugo本地预览服务：hugo server -D
  • 打开 http://localhost:1313/ ，即可看到实时预览的站点（在本地的任何修改，将即时更新）。