hugo从入门到建站
hugo 快速创建 blog 教程
第一步:下载 hugo
1. 选择文件名为:hugo-版本号-系统-32bit/64/.zip
根据系统选择对应的
例:windows-64 位:hugo_0.57.2_Windows-64bit.zip
2. 解压文件到你所知道的目录(路径你要知道,等下要用)。你会得到一个 hugo.exe 文件
3. 把执行命令放到 path 变量,先复制 hugo.exe 的路径;右键桌面我的电脑-属性-高级系统设置-环境变量-下面框框里(系统变量)-双击 Path-新建-粘贴-有确定就点确定。
自检:重新打开 cmder(相关命令行工具)输入 hugo version(你会得到一个版本号)
如果没有成功重新检查以上步骤!
恭喜你,下载完成!
第二步:利用 hugo 快速搭建 blog 框架
1. 创建建站根一个目录()
2. 该目录在 cmder()打开
3. 地址栏输入网址,回车进入;点击 quick start:
4. 从 step2 开始 复制-打开 cmder(一定要在第一步创建的目录里)-粘贴-回车
5. step3 复制-打开(cmder)-粘贴-回车
本地仓库初始化和下载自带模板
6. step4 复制-打开(cmder)-粘贴-回车
创建 blog 目录(posts 目录存放 blog)和第一个 blog 文件以.md 为后缀
可以自己写点什么,注意时间不要来自未来!
7. step5 复制-打开(cmder)-粘贴-回车
启动服务器
如果一样则成功启动.按住 Ctrl+左键就可以进入啦
如果出现以下情况
继续往下做 ctrl+C 关闭掉配置一下再启动
8. step6
这个是要需要配置以下:新建一个 config.toml 文件,把 step 的内容复制进来,保存关闭
8. step7
构建静态页面,命令是 hugo
弄完之后。再次启动 hugo server -D 返回 step6 看到http://localhost:54316; 主要是前缀,后面的数字无所谓。因为我打开了两个所以这次是 54316.ctrl+左键就可以进入了静态页面啦。具体页面见 step5。
恭喜你,hugo 静态站点已经创建完毕。接下来是写 blog 了。
第三步:写博客
1. 在页面里,如果你的画面里跟我一样(你第一次是一个,我创建了两个.md 文件)则成功啦。点击 read more 可进入阅读
如果页面里,没有的话,你需要创建一个 content 目录(创建在根目录,我的是 hugo-demo),把 posts 目录放到 content 里。刷新一下就有啦
如图:
如果还没有怎么办!!.以上配置好
你再重启服务器。就 ok 啦。
hugo server -D (启动 hugo 服务器命令)
分割线
在 content/posts/目录下所有以.md 文件都是一篇博客。
写多篇用 ctrl+c 复制 ctrl+v 粘贴,修改时间即可