开始

学习搭建博客一拖再拖,在学校总是有些乱七八糟的各种事情,不能心安理得的浪费时间去解决一些奇奇怪怪的问题,好吧,说到底还是自己太垃圾了。话不多说,进入正题。

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