建立网站需要技术吗网页制作培训班培训

hugo介绍

通过 Hugo 你可以快速搭建你的静态网站，比如博客系统、文档介绍、公司主页、产品介绍等等。相对于其他静态网站生成器来说，Hugo 具备如下特点： 1. 极快的页面编译生成速度。（ ~1 ms 每页面） 2. 完全跨平台支持，可以运行在 Mac OS X, Linux, Windows, 以及更多! 3. 安装方便 Installation 4. 本地调试 Usage 时通过 LiveReload自动即时刷新页面。 5. 完全的皮肤支持。

hugo安装与使用

本文使用Chocolatey安装hugo工具。

Chocolatey 是一款 Windows 软件管理自动化工具，它将安装程序、可执行文件、压缩文件和脚本打包成编译好的包。这个应用程序与 SCCM、Puppet、Chef 等集成，并得到了企业信任来管理软件部署。

# 搜索
choco search hugo
# 安装
choco install hugo-extended
# 卸载
choco uninstall hugo-extended

接下来有两种方式

方式一：新建站点自建主题

hugo new site mysite
cd mysite

看一下目录结构

mysite
├─archetypes
├─assets
├─content
├─data
├─i18n
├─layouts
├─static
└─themes

新建主题

# 新建主题，名称为mytheme
hugo new theme mytheme
# 设置主题，名称为mytheme
echo "theme = 'mytheme'" >> hugo.toml
# 启动服务
hugo server

方式二：新建站点使用系统推荐的主题

系统推荐的主题

hugo new site myblog
# 或者
hugo new site myblog --format "yaml"

输出

Congratulations! Your new Hugo site was created in D:\hugoweb\mysite001.Just a few more steps...1. Change the current directory to D:\hugoweb\mysite001.
2. Create or install a theme:- Create a new theme with the command "hugo new theme <THEMENAME>"- Or, install a theme from https://themes.gohugo.io/
3. Edit hugo.toml, setting the "theme" property to the theme name.
4. Create new content with the command "hugo new content <SECTIONNAME>\<FILENAME>.<FORMAT>".
5. Start the embedded web server with the command "hugo server --buildDrafts".

安装主题

cd myblog
# 会在当前目录下生成一个.git文件夹
git init
# 添加子模块
git submodule add https://github.com/adityatelange/hugo-PaperMod.git themes/PaperMod
echo "theme = 'PaperMod'" >> hugo.toml
hugo server