博客搭建一:通过Hugo搭建博客
打算把写博客长期坚持下去,考虑到后面博文数量会慢慢增多,hexo框架会越来越捉襟见肘,于是把博客从hexo迁移至hugo。
安装hugo
首先从GitHub上下载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