Hugo+Github Pages搭建
在跟随网上的教程搭建中,我发现了许多的问题,所以决定自己写一篇搭建教程 我会把自己遇到的问题详细的列出来,并给予解决方案 第一步,安装Hugo 1.浏览官方的使用指南 本次部署使用的是Windows系统 如果你对操作有些困惑,这份指南有对其他系统如何安装Hugo的详细说明 在这里我选择了使用对新手比较友好的方式,从GitHub主页下载zip包下载后添加到环境变量 找到并点击Releases选择适合自己的安装包 Windows系统选择带有Windows字样的安装包 下载后解压到适合的文件夹,找到bin文件,复制路径到环境变量中 至此,Hugo就安装完毕了! 第二步,新建一个Hugo网站 1.进入你想存放Hugo网站文件的文件夹,在文件夹下使用终端(cmd)执行以下命令新建一个Hugo网站 1 hugo new site myblog # "myblog" 是我的网站文件夹名 2.选择Hugo主题并克隆至本地目录 打开 Hugo Themes 页面,选择一个你喜欢的主题 我选择的是PaperModX主题 进入themes文件夹 将所选主题克隆到本地(themes文件夹下) 点击复制按钮,执行 1 git clone 复制得到的链接 clone成功后,还需要修改文件夹名为你的主题名才可正常运转,在这里我修改文件名为PaperModX 3.编辑配置文件 编辑文件是Hugo自定义的灵魂所在,值得各位研究,官方提供了英文文档,更有第三方的中文文档,也可以仿照他人的范例进行修改, 4.新建一篇文章 进入网站文件夹的根目录 使用以下命令新建一篇文章 1 hugo new post/my-first-post.md # "my-first-post.md"是新建文章的文件名 这里我采用另一种方法,来自这位大佬的博客 思路是每一篇文章都创建一个新的文件夹,将所需要的图片放在文件夹下 而不用使用Hugo传统的把图片放在其他文件夹,方便了引用 注意:文件夹下的文章需命名为index.md,否则无法识别 5.编辑新建的文章,添加内容并保存 6.本地预览网页效果 启动Hugo server 1 hugo server -D 使用浏览器打开 http://localhost:1313 预览 如果你对预览效果满意,进入下一步。 如果不满意,编辑 config.toml 配置文件,再次预览。 在对你的网站满意后,可以进行上传到Github Pages了 第三步,上传到Github Pasges 1.新建一个Github库...