博客搭建一:hugo

打算把写博客长期坚持下去,考虑到后面博文数量会慢慢增多,hexo框架会越来越捉襟见肘,于是把博客从hexo迁移至hugo。

安装hugo

首先从GitHub上下载hugo,地址:https://github.com/gohugoio/hugo

根据自己的电脑下载相应的版本,下载下来后解压到一个文件目录(出于习惯最好选择全英文路径下吧)然后将hugo文件所在的路径地址添加到系统变量path中就可以使用了。不用安装!不用安装!不用安装! ​在cmd命令中验证

1
hugo version

出现下面语句证明hugo可以正常使用了

1
Hugo Static Site Generator v0.70.0/extended windows/amd64 BuildDate: unknown

注册GitHub账号

新建一个空仓库,仓库名称:usename.github.io,为后面的GitHub pages做准备,如果随便起名,后面就不能把博客部署到GitHub上了。

安装Git

我在博客搭建一中写了参见:http://t.csdn.cn/sSAIU基本上下载下来一路下一步就可以了,然后将把git和你的仓库进行链接,这样才能把本地文件推送进你的博客仓库里。git的作用是把你的本地博客文件推送到GitHub pages上,这样别人就能通过站点地址访问到你的博客了,快乐源于分享。

建立博客站点

在某一个文件夹目录下,运行cmd命令:

1
hugo new site xxx   # xxx为你为你的本地博客的名字,以后所有的文件都在这个目录下

然后该目录下就会生成一堆文件,这些都不用管,我们只关心content文件夹、theme文件夹和config.toml文件,这里面包含了我们的博文.md文件存放处,主题设置和hugo基础页面设置,例如改网站名作者名等等。

选择一个博客主题

因为hugo没有带默认主题,也就没有博客页面,所以要先找一个博客主题,在hugo官网上或者GitHub上找都可以,然后按照不同的主题上面的操作指导进行即可,建议先选一个简单的,先把博客搭建起来,然后再慢慢选主题。

新建一篇博文

1
hugo new posts/xxx.md

这样就会在content文件夹下生成posts文件夹,有些主题的某个标签会指向posts文件夹,最好创建以下,即不要直接hugo new xxx.md,不然可能会找不到你的博客内容。然后再该文件夹下生成xxx.md文件,该文件就是你后面编辑文章的文件,用你熟悉的markdown软件写内容就可以了。

部署博客

在博客根目录下用cmd命令或直接git bash here 输入:

1
hugo

会在博客根目录生成public文件夹,里面的文件就是我们要推送到仓库的文件。在该目录下用cmd命令或直接git bash here 。 ​第一次推送要先与仓库地址建立联系。

1
git init
1
git commit -m "first commit"
1
git branch -M main
1
2
git remote add origin https://github.com/usename/usename.github.io.git
# **注:这里要改成你的仓库地址,不然推送不成功**
1
git push -u origin main

以后添加文章:在public文件夹下操作

1
git add .
1
git commit -m "add blog post"
1
git push

至此你的博客基本上就搭建好了,后面就是写博客和选主题了,至于主题如何选,就仁者见仁智者见智了。

另:

1.如何更改网站图标, 浏览器配置?

1
2
3
4
5
6
apple-touch-icon.png (180x180)
favicon-32x32.png (32x32)
favicon-16x16.png (16x16)
mstile-150x150.png (150x150)
android-chrome-192x192.png (192x192)
android-chrome-512x512.png (512x512)

放在博客根目录 /static 目录即可, 可以在 https://realfavicongenerator.net/ 网站上将图片生成这些文件,部署到GitHub pages上时可能不会立即生效。

2.如何更新博客? ​2.1 在博客根目录运行cmd命令

1
hugo new posts/新博文名字.md

2.2 编写博文内容

2.3 将博文部署到GitHub pages

在博客根目录的public文件里git bash huer

1
git add .
1
git commit -m "更改说明(例如添加博客)add blog"
1
git push
Licensed under CC BY-NC-SA 4.0
© ziyue.tech版权所有
Built with Hugo
主题 OoO落墨灼夭 设计

本站访问量:   您是本站第 位访问者