使用 hugo oss 搭建个人博客网站

news2025/4/7 10:51:06

系列文章目录

文章目录

  • 系列文章目录
  • 前言
  • 一、下载hugo
  • 二、oss
  • 三、域名
  • 四、创建博客上传
  • 五、发布,上传文章


前言

本文主要详解如何用最低的成本搭建个人博客网站

原本我是直接用的github搭建的博客网站,因为免费,但由于github访问很不稳定,更新文章有时总是上传不了,用着很难受

而自己租服务器的话,有点小贵,除了新人第一年非常便宜外,以后即便是最低配的服务器,都基本是50左右一个月,很不划算

机缘巧合下我发现了阿里云的oss服务,它是按照存储量与访问量来计费的

博客基本不可能超过1G,至于访问量一个月怎么也用不到10G吧,算下来一个月可能就一两块

最后还要买个域名,一般一年也就二三十,这么算下来,一年的花费可能也就50左右

这就非常划算了

我搭建好的个人博客为:

http://ityushi.cn/

大家可以看看效果如何

一、下载hugo

首先我们要下载好hugo这个程序

当然如果你有实力可以自己写一个博客网站的话,那当然也就不用下了。

它的作用就是快速生成一个静态博客网站,用起来非常的方便,而且它有很多的开源主题

我的博客就是选用的其中一个开源主题

官方下载地址为;

https://github.com/gohugoio/hugo/releases

我用的windows系统,所以就选择下面这个了:
在这里插入图片描述
注意最好下载带有extened单词的软件包,否则后面编译主题的时候可能会出问题

下载后里面只有一个可执行文件,为了方便使用,我直接将这个可执行文件剪切到系统目录中了:

在这里插入图片描述

这样我们就可以直接在控制台中使用了

官方中文文档在这里:

www.gohugo.org/

然后就可以依照官方文档,在本地搭建好个人博客,搭建好之后,生成出静态博客页面

后面我们将生成好的博客页面上传到阿里的oss上就行了

如果官网教程看不懂,可以继续往下看,我后面会带大家从0搭建好一个博客网站

到目前为止。只要你在控制台上(win+R快捷键,输入cmd命令)输入命令:

hugo version

有版本信息,就说明没有问题了

在这里插入图片描述

二、oss

然后就是一个很重要的环节,想要别人能够访问到你的博客信息,那就必须得把你的博客内容放到公网上才行

阿里的oss服务就提供了这个功能,而且还相当便宜

官网对其有介绍:

help.aliyun.com/document_detail/31817.html

然后看到右上角,没有账号就注册一个,有就直接登录

在这里插入图片描述

然后进入控制台:

在这里插入图片描述

然后点击左边,展开后,点击对象存储OSS

在这里插入图片描述

然后点击Bucket列表,创建一个Buctet

在这里插入图片描述

可以自己看官方文档了解它是什么,简单来说,它就是一块放在阿里云端的硬盘,创建后,你就可以将本地的博客文件上传上去

以后你就可以直接在浏览器中访问下载你上传的这些文件资源了

然后填写一个名称,注意选择地域最好不要选择中国内陆

否则后面你想要绑定域名,就还需要你备案,备案过程很繁琐,时间也很长,而且备案需要一个阿里云产品的一个id之类的东西,而oss服务不提供这个id,所以几乎无解

我也是第一次宅了跟头,后面选择的中国香港就很好的完成了

在这里插入图片描述
既然是博客,那肯定得让别人能访问,所以选择公共读:

在这里插入图片描述
至于日志查询,可开通可不开通(不过既然是免费的,我就勾上了)

其它选择看自己需不需要,自行选择,然后点击确认创建即可

然后点击自己创建好的bucket,设置默认的访问页面
在这里插入图片描述
hugo里面的主题基本都是使用的index.html404.html两个页面名称,所以我这里就是这样设置的

三、域名

做完上面的步骤,我们就已经完成了最基本的功能,但如果你将文件上传到bucket然后直接访问时,浏览器默认不会打开它,而是直接将内容作为一个文件下载到本地

所以我们还需要一个域名,才能正常运行

阿里云注册域名网址:

https://www.alibabacloud.com/zh/domain

然后输入你想要的名称,买下一个域名即可,一般第一年都比较便宜

所以如果你想要长期持有你的域名,那就千万不要只看第一年的

因为有些域名第一年就几块钱,但以后想要续费持续拥有,价格就直接翻了很多倍,很坑

购买好域名,我们就可以来到上面我们创建好的Bucket中,绑定我们的域名

在这里插入图片描述
然后我们就可以在浏览器中通过访问这个域名,访问我们的Bucket里面的文件了

但由于其默认是http协议,浏览器会报警告,所以你还得根据上图域名后的https证书,根据指引自己申请一个免费的证书,然后上传

然后浏览器访问该网址就不会报警告了

四、创建博客上传

hugo创建一个站点的方式非常简单

使用命令:

hugo new site 博客名

即可创建好我们的博客
在这里插入图片描述
并可以查看创建好的站点文件信息

一般来说,我们只需要关注下面两个文件夹与一个文件即可
在这里插入图片描述

  • content:以后我们写博客文章,所在的目录
  • themes:我们博客的主题
  • config.toml:我们博客的相关配置

由于hugo没有默认的主题,所以我们还需要下载一个主题:

https://themes.gohugo.io/

去上方的官网,选择一个自己喜欢的主题,点进去

如果你已经安装了git,那就按主题的操作手册依次依次操作即可

如果没有安装git,那么可以找到类似下面这样的安装命令:
在这里插入图片描述
复制这个链接,在浏览器中打开

然后直接下载压缩包也可以:
在这里插入图片描述
下载完成后,将压缩包解压,将里面的内容复制到我们前面创建的站点themes文件夹下:
在这里插入图片描述
这些主题里面,都有一个默认的样例配置文件,将它复制到站点的根目录下覆盖config.toml文件即可

在这里插入图片描述
在这里插入图片描述

至此,我们的博客就搭建好了,一般就可以直接运行命令:

hugo server -D

就会在本地搭建好一个博客网站

在这里插入图片描述

可以通过这个链接来访问:
在这里插入图片描述

五、发布,上传文章

然后就是如何发布文章

我们写文章的格式都是采用的markdown语法,它只有简单的几个语法,使用起来非常的简单

首先是创建一个文章,可以使用命令:

hugo new name.md

该命令就会把名为name.md的文件创建在前面提到过的contents文件夹中

如果想要有层级机构,那么就加上路径,比如一般我们都会把博文放在posts文件夹下

hugo new posts/name.md

在这里插入图片描述

然后它就会生成带有基本头信息的文本:
在这里插入图片描述
我使用的typora编辑器,它是一款颜值超高的markdown编辑器,当然你用记事本写也是没有任何问题的

写好文章后,我们还需要生成我们静态页面,方便我们上传到云端

首先打开根目录下的配置文件
在这里插入图片描述
将上面的这个链接,改为你自己的域名,保存

在这里插入图片描述

然后在根目录,直接执行hugo,即可生成静态页面:

在这里插入图片描述

然后把public这个文件夹里面的内容,全部上床到前面创建的bucket中即可

至此,我们的博客就搭建好了,可以直接在浏览器中进行访问

本文来自互联网用户投稿,该文观点仅代表作者本人,不代表本站立场。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如若转载,请注明出处:http://www.coloradmin.cn/o/5482.html

如若内容造成侵权/违法违规/事实不符,请联系多彩编程网进行投诉反馈,一经查实,立即删除!

相关文章

Python——正则表达式的应用

文章目录前言正则表达式方法re.search方法group方法re.match方法re.findall方法re.finditer方法re.split方法re.sub方法正则表达式的应用前言 提示:这里可以添加本文要记录的大概内容: 正则表达式是字符串处理的有力工具和技术。 使用正在表达式的目的…

多态(polymorphic)

目录 1. 多态的基本介绍 2. 多态实现条件 3. 重写 重写的介绍: 【重写和重载的区别】 动、静态绑定机制 5 向上转型和向下转型 向上转型 向上转型的特点(总结): 向下转型 多态的优缺点 多态是Java三大基本特征中最抽象…

【数据结构初阶】数组栈和链式队列的实现

努力真的要贯穿人的一生吗? 你能活成你想要的样子吗? 真的不知道! 文章目录一、栈的概念及结构二、栈的实现(动态数组栈)2.1 挑选实现栈的结构2.2 栈结构的定义2.3 初始化栈销毁栈2.4 入栈出栈2.5 判空取栈顶元素栈元…

Android Studio App开发之循环试图RecyclerView,布局管理器LayoutManager、动态更新循环视图讲解及实战(附源码)

运行有问题或需要全部源码请点赞关注收藏后评论区留言~~~ 一、循环视图RecyclerView 尽管ListView和GridView分别实现了多行单列和多行多列的列表,使用也很简单,可是它们缺少变化,风格也比较呆板,为此Android推出了更灵活多变的循…

CAS:1347750-20-2,NH2-PEG-SH,Amine-PEG-Thiol,氨基-聚乙二醇-巯基供应

1、名称 英文:NH2-PEG-SH,Amine-PEG-Thiol 中文:氨基-聚乙二醇-巯基 2、CAS编号:1347750-20-2 3、所属分类: Amine PEG Thiol PEG 4、分子量:可定制,5000、氨基-聚乙二醇 1000-巯基、1000、…

云计算———虚拟化技术镜像的构建及Harbor的使用(三)

一、容器管理 1.1容器命令 docker ps :查看正在运行的容器 ,已经关闭的不能查看 docker ps -a(显示所有容器) 可以 docker -f rm MyWordPress:-f 强制删除容器 [rootlocalhost ~]# docker ps -a -q #显示所有容器只…

java项目-第127期SpringBoot+vue的智慧养老手表管理系统-java毕业设计_计算机毕业设计

java项目-第127期SpringBootvue的智慧养老手表管理系统-java毕业设计_计算机毕业设计 【源码请到资源专栏下载】 本系统主要是通过智能手表监控老人的日常生活,比如血压、心率、睡眠步数、以及摔倒情况。 共分为两个角色:家长,养老院管理员&a…

有含金量的AI证书

文章目录证书展示企业认证介绍华为认证人工智能工程师课程内容我的总结和资料证书展示 这是华为云的AI认证: 这是阿里云的大数据认证: 企业认证介绍 一般的企业是办不起来认证的,大家肯定都知道的。本文主要介绍华为云的认证&#xff0c…

经典动态规划:最长递增子序列

力扣第300题:[最长递增子序列],这道题是非常经典的动态规划和二分查找的题目,我们先看dp: 第一种解法:动态规划 我们先看题目的示例1: 输入:nums [10,9,2,5,3,7,101,18] 输出:4 解释&#x…

【MySQL】MySQL数据库锁使用与InnoDB加锁的原理解析(MySQL专栏启动)

📫作者简介:小明java问道之路,专注于研究 Java/ Liunx内核/ C及汇编/计算机底层原理/源码,就职于大型金融公司后端高级工程师,擅长交易领域的高安全/可用/并发/性能的架构设计与演进、系统优化与稳定性建设。 &#x1…

【Spring】Bean 的作用域和生命周期

文章目录1. Bean 的作用域1.1 通过一个案例来看 Bean 作用域的问题1.2 作用域的定义1.3 Spring Bean 支持的作用域(未介绍完全)1.4 修改 Bean 的作用域1.5 Bean 执行流程2. Bean 的生命周期2.1 Bean 的生命周期分为以下 5 大部分2.1.1 实例化 Bean&#…

【代码精读】在optee中注册一个中断

快速链接: . 👉👉👉 【代码精读】–Kernel/ATF/optee等-目录👈👈👈 付费专栏-付费课程 【购买须知】:本专栏的视频介绍-----视频👈👈👈概要: 在optee os总如何注册一个中断? 有没有类似于request_irq的程序? 注册了该中断后,是哪里将该中断配置成Secure…

保边滤波之基于测地距离的滤波与局部拉普拉斯滤波

(1)基于测地距离的滤波 给定图像I及其Hard Mask M,其中M(x)∈{0,1} ,M(x)0表示x属于前景,M(x)1表示x属于背景,图像中某点x到前面Hard Mask的测地距离为 ???d(a,b)表示…

机器学习中的数学原理——最小二乘法

这几天在刷B站的时候,有个深度学习的博主推荐了一本机器学习的书——《白话机器学习的数学》,抱着浅看一下的态度,我花3个大洋从淘宝上找到了这本书的电子版。看了两天我直接吹爆!!!所以这个专栏就分享一下…

《Linux驱动:DMA直接内存访问》

目录一、前言二、DMA传输主体三、S3c2440上的DMA3.1 DMA请求源3.2 DMA状态机3.3 DMA请求模式3.4 DMA服务模式3.5 DMA传输模式3.6 DMA读写数据大小3.7 DMA寄存器3.7.1 DCON寄存器其他几个重要位四、使用DMA4.1 软件触发DMA4.2 硬件源触发DMA一、前言 DMA(Direct Memory Aaccess…

SpringMVC框架中的拦截器

目录 1. 拦截器接口的介绍 2. 拦截器接口中方法的详细介绍 3. 配置拦截器的步骤 4. 多个拦截器的的执行情况 5. 拦截器与过滤器的区别 1. 拦截器接口的介绍 2. 拦截器接口中方法的详细介绍 public class MyInterceptor implements HandlerInterceptor {Overridepublic bo…

Elasticsearch学习--script

一、概念 es1.4-5.0,默认脚本语言是Grovvy es5.0,默认脚本语言是painless 二、简单使用 将price减一 # 将id1的price减一 POST goods/_update/1 {"script": {"source": "ctx._source.price - 1"} }# 简写 POST goods/_…

Cloud Computing之时钟和顺序Time and Ordering

文章目录Total orderImplementation of total orderLinearizabilityFIFO rderImplementation of FIFO-orderHappen-before orderingCausal orderingSummary参考文献:Lamport’s logical clock 这章重点介绍了分布式系统下各种类型的时序,其实在分布式场景…

【Linux】网络配置详解

网络配置一.网络连接测试1.查看宿主机和虚拟机ip(1)查看宿主机ip①宿主机:可视化界面查看ip②宿主机:命令行查看ip(2)查看虚拟机ip①虚拟机:可视化界面查看ip②虚拟机:命令行查看ip2.测试宿主机和虚拟机的网络通信(1).宿主机ping虚拟机(2).虚拟机ping宿主机二.网络连接模式1.桥…

420招募线上被试 | 高素质人才行为心理测试

招募中 【实验任务】高素质人才行为心理测试 【实验时长】18分钟 【实验时间】2022年11月12日00时 - 2022年11月20日24时 【实验地点】线上实验 【实验报酬】微信红包,每份问卷3元 【实验要求】如实回答问卷问题,并提供微博账号和微博地址 【被试要…