Hugo建站小结
验证是否安装了Hugo及版本检查
hugo version
建立新网站/目录
在Mac Terminal输入命令:hugo new site "网站名字"
就会在当前用户文件夹里建立“网站名字”子目录,及Hugo初始化文件
初始文件夹内容
- archetypes/: 默认模板目录,数个模版构成一个主题
- layouts/: 存放自定义的模板文件,hugo优先使用此目录下模板,未发现再去themes同目录下查找
- themes/: 主题目录,将下载的主题存放于此,Hugo 将根据指定的主题渲染网站
- content/: 网站内容目录,存放 Markdown 文件。您网站的所有内容都将位于此目录中。content中的所有顶级目录都被叫做 content section 例如,如果您的网站有三个 content section 分别是 content/blog, content/articles, 和 content/tutorials。Hugo使用sections来分配 默认内容类型
- static/: 存储所有静态内容:图像,CSS,JavaScript等。当Hugo构建您的站点时,静态目录中的所有资源都将按原样复制。使用静态文件夹的一个很好的示例是在Google Search Console上验证网站所有权,您希望Hugo在其中复制整个HTML文件而不修改其内容。从Hugo 0.31开始,您可以拥有多个静态目录。
- data/: 存放数据文件,一般json文件,hugo提供相关命令可从data中读取数据,渲染到html页面,实现业务数据与模板分离
- assets/: 存储Hugo Pipes需要处理的所有文件。只有使用.Permalink或.RelPermalink的文件才会发布到公共目录。
- public/: 编译生成的静态文件存放目录
- config.toml: 全局参数配置文件
安装Hugo主题
hugo没有自带主题,所以建立完文件夹后要导入主题文件。导入主题可以用git clone 的方式,也可以到相应主题的github中下载zip文件然后解压到自己博客的themes文件夹中
git clone https://github.com/hugo-fixit/FixIt.git themes/FixIt
通过从存储库中拉取最新提交来升级主题。
cd themes/FixIt
git pull
参考资料
Hugo主题的不同安装方法及比较
- 上一篇: 修改Typecho后台地址
- 下一篇: 没有了