从零开始深度学习0604——使用hugo搭建博客

时间:2024-04-10 11:39:19

使用hugo搭建博客

 

https://github.com/gohugoio/hugo/releases  下载

推荐选择  带有extend扩展包的安装包

因为第一次我没选择带有extend的这个,花了一下午时间找原因

从零开始深度学习0604——使用hugo搭建博客

 

然后解压后,将文件夹内hugo.exe 的路径 配置到环境变量

在cmd中    hugo new site E:\GitMyblogRepository   建立自己的博客文件夹

目录如下

从零开始深度学习0604——使用hugo搭建博客

 

然后cmd中cd到博客的根目录    hugo new about.md  会在content文件夹中生成一个markdown格式的文件,非必须步骤,只是用来测试

将about.md 中 draft : true  改为false

 

 

配置你的 config.toml    这是我的配置,只是刚开始最简单的几个重要的配置

从零开始深度学习0604——使用hugo搭建博客

 

挑选主题

cd themes

git clone https://github.com/alex-shpak/hugo-book.git

 

完成后,将其文件夹名字改为 book

从零开始深度学习0604——使用hugo搭建博客

 

 

本地调试

在项目根目录下,通过 hugo server 命令可以使用 hugo 内置服务器调试预览博客。

 hugo sever –theme=book –-buildDrafts

如果config.toml  中进行了配置,则 只需要hugo  –-buildDrafts

在浏览器里打开: http://localhost:1313 即可访问到你的博客

 

 

部署到Giuhub上

首先在github上建立一个仓库

如果你需要部署在 GitHub Pages 上,首先在GitHub上创建一个Repository,命名为:wgwg.github.io (wgwg替换为你的github用户名的小写)

从零开始深度学习0604——使用hugo搭建博客

 

在站点根目录执行 Hugo 命令生成最终页面:

hugo --theme=book --buildDrafts --baseUrl=“https://wgwg.github.io

 

这里的 --baseUrl 一定是https://(Hugo中文文档里为http://),不然你部署后的博客会没有样式!

可看到根目录下多出 /public文件夹出来,该文件夹的内容即Hugo生成的整个静态网站

Public就是需要提交到github的网站

在public中 右键GUI  选择当前目录为仓库  

在弹出界面中,选择help-à show SSH key -à  什么也不点  直接生成SSH key

从零开始深度学习0604——使用hugo搭建博客

 

复制这堆东西

 

 

在github中  如下操作  将github与自己的本地的SSHket绑定,以后提交更新时就不需要输入账号密码了

 

从零开始深度学习0604——使用hugo搭建博客

 

 

然后再public目录中,右键Git Bash here

使用命令来进行提交

cd public

$ git remote add origin [email protected]:Ohohhh/wgwg.github.io.git

$ git add -A

$ git commit -m “first commit”

$ git push -u origin master

 

完成!!

然后浏览器里访问:https://wgwg.github.io/ 即可看到刚刚搭建的博客。

 

 

发布博客:

 

–新建博客markdown文件,并编辑博客内容(文件名为 **.md )

hugo new post/newBlog.md

–生成静态页面 public

hugo --theme=book --buildDrafts --baseUrl=“https://wgwg.github.io/”

—发布

cd public

git add .

git commit -m “new blog added”

git push origin master