学习搭建博客历程
开始
学习搭建博客一拖再拖,在学校总是有些乱七八糟的各种事情,不能心安理得的浪费时间去解决一些奇奇怪怪的问题,好吧,说到底还是自己太垃圾了。话不多说,进入正题。
1 关于Hugo
1.1准备工作,下载Hugo
下载安装Hugo,用cmd输入hugo version检测是否安装成功 成功安装后,建立一个空白文件夹,用来存放博客网站的文件例如D:/Hugowebsite
1.2生成静态网站
在D:/Hugowebsite文件夹里打开cmd(tips:直接在资源管理器路径栏里面输入cmd),
hugo new site blog
#blog是网站文件名
此时,blog文件夹里面已经包含多个网站的文件。
1.3下载主题
下载hugo主题,官网http://themes.gohugo.io 选择一个喜欢的主题,进入网站目录
cd blog/themes
#把主题文件夹下载到themes下
git clone https://github.com/XXX/XXX.git XXX #网址为主题的github仓库网址,后面为下载到的文件夹名
然后,打开下载的文件夹里面的exampleSite,我的是D:\Hugo\Hugowebsite\blog\themes\hugo-tranquilpeak-theme\exampleSite
将里面的全部文件复制到外面的blog文件夹里,替代原来的同名文件(夹)。(此处,全部替换可能将主题中的一些多余的博客也加到了自己的博客中,没关系,后面可以删除)。此处复制也可用cmd代码操作
配置主题文件,可直接修改blog/config.toml文件中的内容,例如主页的布局,用户名,介绍等等。注意一下几个地方
1 修改主题名字,网站连接的github网址(后面托管要用)可用如下代码
hugo --theme=XXX --baseUrl=“https://XXX.github.io/" --buildDrafts
2 其他对主题中布局不满意或者需要删改增加的地方直接在config文件中改,主题的相关官网文件中有详细介绍代码的功能,注释中也有。
1.4新建博客
hugo new post/firstblog.md #此时工作目录为blog。新建的firstblog文件在content目录下
#启动hugo server,生成静态网站,打开最后的网址,可看到此时主题已经生效
hugo server -D
2 github库
3 Hugo的静态网站托管到github
主机安装好git,同样在命令行中操作,依次输入以下代码将更改上传到库中
cd public#进入生成静态网页的文件夹
git add .
git commit
git push
4 其他问题
2022.12.17
git push推送代码失败,刚开始是报错
fatal:unable to access ‘xxx’:OpenSSL SSL_connect:SSL_ERROR_SYSCALL in collect to XXX
原因:开了代理
关闭代理之后再git push还是有错误
connection refused
改正
git remote add origin httpsXXX#刚开始推送到远程仓库用的网址是https
git remote add ori SSH #加这行代码,用SSH
#此时打印,输入下面代码,可以看到之前推送用的网址
git remote -v