8288分类目录 8288分类目录 8288分类目录
  当前位置:海洋目录网 » 站长资讯 » 站长资讯 » 文章详细 订阅RssFeed

Hugo+Gitee 搭建个人博客

来源:本站原创 浏览:36次 时间:2023-05-20

前言

这是一篇用来记录我第一次搭建个人博客的文章。

目前可以用来建站的脚手架有很多,所用的开发语言也各不相同。例如: 使用PHP开发出来的WordPress,使用JS开发的Hexo,使用Go开发的Hugo。客观来看,使用哪种框架都没太大差别。大部分人,包括我,仅仅是在这个框架上写markdown罢了(笑)。

下面记录的,是我在使用Hugo搭建个人博客时总结出的步骤。仅以此文,希望能让其他小白,包括以后想重新搭建的我,少踩一些坑。

基础概念

什么是Hugo?

Hugo是一个用来生成静态网站的工具,使用Go语言编写的。从网上很多人的评论看,Hugo的显著优点就是部署快!

什么是Gitee?

Gitee(码云) 是开源中国推出的基于 Git 的代码托管服务,类似于Github。最基础的用法,就是使用它保管开发者的代码,进行版本控制。

在搭建时,使用Hugo打包构建静态网站,输出一个纯静态的资源包。将这个静态资源包上传到Gitee,就能实现站点部署。

搭建步骤

1.安装Hugo

1.1 进入GitHub上Hugo/release页面,下载对应操作系统的安装包。例如我是Win10,下载的是当前最新版本 hugo_0.74.3_Windows-64bit.zip。

1.2 下载完毕后,将程序解压到某个文件夹下。

1.3 配置环境变量。

1.4 当在命令行运行以下命令,能输出截图所示内容时,证明安装成功。

hugo version

2. 生成站点基础框架
Hugo提供 new 命令,用于生成新的网站,运行以下命令,即可生成新的网站框架。

hugo new site my_website_name

框架结构如下图所示。

3. 安装主题
3.1 进入Hugo主题页面,找到需要的主题。例如我使用的主题是LoveIt。
3.2 将主题克隆到 themes 目录。例如我,是运行以下命令,使用git下载到本地的。

git clone https://github.com/dillonzq/LoveIt.git themes/LoveIt

4. 配置主题
不同的主题,我们需要按照主题提供的文档进行配置。如我使用的主题LoveIt,在GitHub上有相关链接,可以跳转到该主题的配置文档页面。


在配置完成后,若想在本地访问搭建的站点,只需要运行:hugo server 命令,接着在浏览器访问 http://localhost:1313 即可。后续在自定义样式,或者编写博客时,可以通过访问该地址,进行实时预览。

5. 编写博客
在网站框架根目录内,使用 hugo new posts/blog_name.md 命令创建博客。使用MarkDown语法编辑博客内容。

6. 打包构建
在网站框架根目录下,使用 hugo 命令打包构建。运行该命令后,会生成一个 public 目录, 目录内包含了网站的所有静态内容和资源。

7. 在Gitee上建立仓库,上传资源包
7.1 申请Gitee账号。
7.2 在Gitee上建立仓库。
根据在Gitee里的Gitee Pages 静态页面托管说明,仓库名最好与个人空间地址一致,例如我个人空间地址为JihahaCabin,我建立的仓库名也为JihahaCabin。

如果你想你的 pages 首页访问地址不带二级目录,如http://ipvb.gitee.io,你需要建立一个与自己个性地址同名的仓库,如 https://gitee.com/ipvb 这个用户,想要创建一个自己的站点,但不想以子目录的方式访问,想以ipvb.gitee.io直接访问,那么他就可以创建一个名字为ipvb的仓库 https://gitee.com/ipvb/ipvb 部署完成后,就可以以 https://ipvb.gitee.io 进行访问了。


7.3 在public目录下,运行以下命令,将public目录下所有文件,上传到Gitee仓库。${git_address} 表示在上一步建立的仓库地址。

git init git add . git commit -m "init" git remote add origin ${git_address}  git push -f origin master

8. 配置Gitee Pages
8.1 登录Gitee,找到上传的仓库,点击"服务"下拉框,点击"Gitee Pages"选项。


8.2 选择部署分支,点击"启动"按钮。


实际效果

访问 Gitee个人空间地址名.gitee.io,即可看到部署的静态网站内容,如我搭建的博客地址为JihahaCabin.gitee.io




  推荐站点

  • At-lib分类目录At-lib分类目录

    At-lib网站分类目录汇集全国所有高质量网站,是中国权威的中文网站分类目录,给站长提供免费网址目录提交收录和推荐最新最全的优秀网站大全是名站导航之家

    www.at-lib.cn
  • 中国链接目录中国链接目录

    中国链接目录简称链接目录,是收录优秀网站和淘宝网店的网站分类目录,为您提供优质的网址导航服务,也是网店进行收录推广,站长免费推广网站、加快百度收录、增加友情链接和网站外链的平台。

    www.cnlink.org
  • 35目录网35目录网

    35目录免费收录各类优秀网站,全力打造互动式网站目录,提供网站分类目录检索,关键字搜索功能。欢迎您向35目录推荐、提交优秀网站。

    www.35mulu.com
  • 就要爱网站目录就要爱网站目录

    就要爱网站目录,按主题和类别列出网站。所有提交的网站都经过人工审查,确保质量和无垃圾邮件的结果。

    www.912219.com
  • 伍佰目录伍佰目录

    伍佰网站目录免费收录各类优秀网站,全力打造互动式网站目录,提供网站分类目录检索,关键字搜索功能。欢迎您向伍佰目录推荐、提交优秀网站。

    www.wbwb.net