Hugo博客中文指南基础教程

北京中医青春痘医院 http://news.39.net/bjzkhbzy/210816/9321491.html

安装Hugo

从Hugo项目主页下载Releases文件,解压hugo.exe文件到C:\Windows\System32目录下。

创建站点

在当前目录打开CMD执行以下命令,创建名为mysite的站点:

hugonewsitemysite

在执行完命令后进入mysite目录,你会看到包含以下内容的目录:

新建页面和文章

新建一个about页面:

hugonewabout.md

about.md自动生成到了content/about.md,内容如下:

创建第一篇文章,放到post目录:

hugonewpost/myfirst.md

myfirst.md自动生成到了content/post/myfirst.md,内容如下:

其中draft:true表示为草稿文件,正式发布前需将值修改为false,或者直接删除整个draft参数。

安装主题

从Github上下载一款主题,解压到theme目录下:

通过命令行的方式使用主题:hugo-t主题目录名通过在config.toml配置使用:theme=主题目录名

编译输出

在Hugo网站文件夹的根目录下,执行hugo命令来构建。

hugo#正常编译hugo-D#编译包含草稿文章hugo-t主题目录名#指定主题编译

编译输出的静态HTML文件,默认会保存到public目录下。

实时预览

写一篇文章生成一次会很繁琐,可以通过启动网站预览,实时监控页面的更改并刷新页面。

hugoserver-D

默认地址为localhost:如果端口被占用,会随机使用其他空端口。

参数:-D输出包括标记为draft:true的草稿文章




转载请注明:http://www.aierlanlan.com/rzfs/3093.html