一、在本地创建网站
(1)使用 Hugo 建立网站。打开命令窗口,进入 D:\hugo\site 目录(便捷方法:在文件资源管理器中进入相应目录,单击地址栏右边空白地方,在最左边输入 cmd
加空格,回车。这样打开命令窗口的同时,进入了相应的目录),执行命令 hugo new site blog
,如出现 Congratulations! 提示则成功。(此时可在文件资源管理器中查看生成的文件,blog 是任意取的一个文件夹名字,但为了方便教程工作,请统一)
二、下载主题模板(以 hugo-ivy )为例
(1)接着回到刚刚的命令窗口,输入执行 cd blog\themes
进入 themes 目录。
(2)下载主题模板( hugo-ivy )。接上述步骤,在命令窗口中 执行 git clone https://github.com/yihui/hugo-ivy.git
来下载 hugo.386 主题。下载完成后,blog/themes 文件夹里面就可以看到下载好的主题了。
三、修改网站配置
将 themes/hugo-ivy/exampleSite 文件夹中的 config.yaml 文件复制到文件夹 blog 下,并删除原有的 config.toml 。用记事本或者其他文本编辑工具,根据需要修改相应的内容。
四、网站本地预览
用命令窗口进入 blog 目录,先执行 hugo
生成网页文件,再执行 hugo server
开启预览。打开浏览器,访问 localhost:1313 。(注意,这个命令窗口需要保持到你不需要预览网站的时候,届时可以用两次 Ctrl + c 停止,或者直接关闭窗口)
五、将网站推送到 Github 平台
(2)打开命令窗口,进入 blog\public 目录,分别执行
git init
git add .
git commit -m "first commit"
git remote add origin https://github.com/你的Github名字/你的Github名字.github.io.git
git push --set-upstream origin master
输入 Github 账号名,密码,完成上传。
(3)测试。访问 github.com 网站,在你之前创建的仓库可以看到刚刚上传的文件。访问提供的 https://你的Github账户名.github.io
访问你的网站,如果没有之前预览的网页,可以等待一会再刷新。