欢迎光临散文网 会员登陆 & 注册

博客搭建一:通过Hugo搭建博客

2022-07-21 23:01 作者:花间酒鬼儿  | 我要投稿

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

安装hugo

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

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

不用安装!

不用安装!

不用安装!

在cmd命令中验证

hugo version

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

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

安装Git

基本上下载下来一路下一步就可以了,然后将把git和你的仓库进行链接,这样才能把本地文件推送进你的博客仓库里。

注册GitHub账号

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

建立博客站点

在某一个文件夹目录下,运行git bash here命令(后面均在Git命令进行):

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

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

选择一个博客主题

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

新建一篇博客

hugo new posts/xxx.md

这样就会在content文件夹下生成posts文件夹(有些主题的某个标签会指向posts文件夹),然后就会在该文件夹下生成markdown格式xxx.md文件,在里面写博客内容就行了。

部署博客

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

hugo

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

git init

git commit -m "first commit"

git branch -M maingit remote add origin https://github.com/usename/usename.github.io.git
# **注:这里要改成你的仓库地址,不然推送不成功**

git push -u origin main

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

git add .

git commit -m "add blogs" #引号里的内容是本次上传说明

git push

至此你的博客基本上就搭建好了。

另:

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

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命令

hugo new posts/新博文名字.md #若博客文章存放根目录有多个文件夹可相应替换posts

2.2 写博客内容

2.3 将博文部署到GitHub pages

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

git add .

git commit -m "add blogs"

git push


博客搭建一:通过Hugo搭建博客的评论 (共 条)

分享到微博请遵守国家法律