使用Hugo搭建个人网站

Hugo快速入门 阅读详情

By Long Luo

Hugo vs. Hexo 


目前我的个人网站使用的是: Hexo + Next,这也是目前绝大多数个人网站的标配。[Hugo](https://gohugo.io)官网号称是最快的网站框架,构建速度快,因为我的文章数比较多,以后考虑切换成Hugo,今天花了点时间来学习了下。

以下是学习过程:

Hugo使用指南

下载Hugo

因为是Windows 10系统,先去下载:https://github.com/gohugoio/hugo/releases

选择Windows版本,下载之后解压,解压可以得到`hugo.exe`,将`hugo.exe`所在文件路径添加到Windows的Path变量中:
```bash
E:\Website>hugo version
hugo v0.82.0-9D960784+extended windows/amd64 BuildDate=2021-03-21T17:28:04Z VendorInfo=gohugoio
```
<!--more-->
## 创建站点项目

以我为例, 假设要创建站点存放在`F:\Hugo\Website\`目录中,在命令行中切换到该目录下执行:
```bash
E:\Website>hugo new site mywebsite
Congratulations! Your new Hugo site is created in E:\Website\mywebsite.
```
出现上述信息,创建出了`mywebsite`站点项目,其文件列表如下:
```bash
2021/03/28  15:52    <DIR>          .
2021/03/28  15:52    <DIR>          ..
2021/03/28  15:51    <DIR>          archetypes
2021/03/28  16:09               103 config.toml
2021/03/28  16:12    <DIR>          content
2021/03/28  15:51    <DIR>          data
2021/03/28  15:51    <DIR>          layouts
2021/03/28  15:52    <DIR>          resources
2021/03/28  15:51    <DIR>          static
2021/03/28  16:08    <DIR>          themes
```

## 添加主题
有了文件之后,还无法构建网站,因为hugo默认是没有主题文件的。这里选取一个简洁的主题
```bash
git clone https://github.com/yihui/hugo-prose.git themes/prose
```
当前项目目录内打开`config.toml`配置文件,在最后添加一行`theme = "prose"`,即将这个网站设置为prose主题。

## 运行站点
在站点项目内执行命令`hugo server -D`
```bash
E:\Website\mywebsite>hugo server -D
Start building sites …

                   | EN
-------------------+-----
  Pages            | 10
  Paginator pages  |  0
  Non-page files   |  0
  Static files     |  4
  Processed images |  0
  Aliases          |  1
  Sitemaps         |  1
  Cleaned          |  0

Built in 30 ms
Watching for changes in E:\Website\mywebsite\{archetypes,content,data,layouts,static,themes}
Watching for config changes in E:\Website\mywebsite\config.toml
Environment: "development"
Serving pages from memory
Running in Fast Render Mode. For full rebuilds on change: hugo server --disableFastRender
Web Server is available at http://localhost:1313/ (bind address 127.0.0.1)
Press Ctrl+C to stop
```
然后在浏览器界面中输入:http://localhost:1313/

如果顺利打开之后,出现了Hugo网站界面,那说明安装好了!

不过这个时候还是没有内容的,因为我们还没有添加内容:-)

# 小结
从hugo初体验来看,Hugo确实很快。不过由于目前缺乏时间,无法一一去美化。以后有时间精力之后,再折腾!

本文来源:[使用Hugo搭建个人网站](http://www.longluo.me/blog/2021/03/26/Try-Hugo/)

我的个人网站,终于上线了! 我的网站,终于上线了!!! 阅读详情

相关推荐

搭建个人博客网站之一、使用hugo创建个人博客网站

进入官方主题页面,首页最上方有 Download 按钮,点击可以进入 CLean White 主题的GitHub地址。Hugo支持在任何能运行go编译器的工具链上安装,如macOS、Windows、Linux、BSD等。且支持源码安装、预编译二进制文件安装、包管理器安装等多种安装方式。1、 下载了喜欢的主题按照本文无法正常启动,可能原因主题有其他依赖,每个主题的官方界面都会有提示如何使用示例。在完成 Hugo 安装后,即可通过命令来创建站点、添加内容、配置网站、发布网站等动作。选择喜欢的进行下载使用。

大王小朱的博客 1648

Golang应用 ━━ 安装、配置与使用hugo博客系统

hugo博客系统的安装与配置

暂时先用这个名字 1175

10分钟使用网站构建框架hugo本地搭建个人网站并快速上线详细教程

今天和大家分享如何在Windows系统电脑使用HUGO快速搭建一个本地博客网站,并结合cpolar内网穿透工具实现一键发布本地站点至公网,随时随地远程访问,无需公网IP与准备域名、服务器。Hugo 是 Go 编写的静态网站生成器,速度快,易用,可配置。作为一款跨平台开源建站系统,当前提供 Windows,Linux,FreeBSD,NetBSD 和 OS X (Darwin) 的 x64, i386 和 ARM 架构的二进制预构建包。Hugo 依赖于 Markdown 文件,元数据字体。

私聊前往站内信:https://i.youkuaiyun.com/#/msg/chat/weixin_44976692 3万+

一个完全的新人如何搭建自己的个人网站

大家好,我是云集市场。今天写这篇文章是为了给一些新人写一个简单的教程,简单的写一写建设个人网站的步骤个方法。 首先,申明下本文所指的新人是指会上网站看网页,会自己聊QQ,会在新浪、网易等平台上写博客的人。当然你要说这个只要会上网的人都会了,是的,我所指的新人就是会上网的人。所以本文的技术含量不会很高,高手可以直接忽略了。 下面我们开始进入正题。搭建一个个人网站需要三个必备的因素,即:域名、服务器、程序。如果把一个网站比作一家商店,那么域名就好比店名或者商标,服务器就比如店面,程序就是整个商店的运作系统。当然

colorfulyan的博客 2148

使用Hugo和GitHub仓库搭建免费个人博客

GitHub将会为您的仓库启用GitHub Pages,并在一段时间后生成一个网址用于访问您的博客。记住,您可以根据自己的喜好和需求进行进一步的定制和优化,例如添加自定义域名、使用自己设计的主题等。请确保您已经安装了Git和Hugo,并在GitHub上创建了一个新的仓库,用于存储您的博客源代码和生成的静态网站文件。下载主题后,将其解压缩并将主题文件夹复制到您的Hugo网站的"themes"目录下。从Hugo主题目录下载并解压缩您喜欢的主题,然后将主题文件夹复制到Hugo网站的"themes"目录下。

CflfEditor的博客 205

对接萤石平台调用播放

萤石api 管理 · 萤石开放平台API文档 httpclient pom <dependency> <groupId>org.apache.httpcomponents</groupId> <artifactId>httpclient</artifactId> <version>4.5.2</version> </dependency> package com.ruoyi...

u011799016的博客 1773

搭建个人网站--优秀个人网站小结

一、个人网站的用途 1、自从弃用为知笔记后,自己就一直使用优快云,一方面是因为为知笔记收费,一方面是写在优快云上的技术总结,别人想看的话比较方便,并且技术在于传播,在于共享!之后技术博客依旧记载在优快云上。 2、将建立的个人网站只是记载自己生活中的事情和一些看书心得一类。 二、个人网站的设计思路 1、主页面要有科技感,一个字,炫! 2、要有生活气息。 3、一定要有趣,jus...

天道酬勤 7770

【OCCT】第3讲 OpenCasCade&VTK实现三维建模Demo

本文分享OpenCasCade&VTK共同实现三维建模Demo,希望对各位小伙伴有所帮助!1. 新建Visual Studio工程新建空项目添加main.cpp添加main函数2. 配置OpenCasCade & VTK 库配置包含路径:配置库文件:添加链接库:添加运行环境:注意:VTK库的版本要与编译OpenCasCade库时选择的版本一致,否则会出错!

qq_40041064的博客 779

使用Hugo快速搭建个人博客网站

比较多人习惯用Hexo、Hugo、Jekyll这些博客框架搭建自己的博客。本文详细介绍利用最新的Hugo来(基于Go语言的博客框架)在windows上搭建个人静态博客网站。 使用Hugo搭建博客前提: 电脑安装并配置好Git 在注册GitHub账号 掌握一定cmd和linux命令操作 掌握配置各种环境变量 第一步:安装Hugo Hugo官方下载地址 下载下面的压缩包 下载完成后就解压放在你喜欢的地方,不用安装,就直接在windows配置环境变量就好了。 在cmd输入hugo version 出现如下信息

weixin_43227626的博客 1049

使用Jacob实现将Word文件转换为Pdf文件

如果是首次使用 jacob,建议先直接从 github上下载 zip包,因为在实现Word转Pdf的时候,不仅需要用到 jacob.jar,还需要 jacob.dll 库,而zip包中都有。官方使用文档可以参考:https://github.com/freemansoft/jacob-project/blob/main/docs/UsingJacob.md。// 如果安装的是微软的 Office,需要使用 Word.Application。

qq_41672950的博客 750

springboot源码 红色J_通达信副图指标源码之,出手就赢

今天跟大家分享一个通达信副图指标源码,本指标没有未来函数,因为本指标没有卖点提示,所以本指标需配合主图指标使用效果会更好,简单易懂,很容易明白,所以就不过多介绍使用方法了,以下是指标的贴图。风险提示!股市有风险买卖需谨慎,本指标只做参考建议,不做买卖交易结果,自己要对自己交易结果的盈亏负责,以下是指标的源码。VAR2:=REF(LOW,1);VAR3:=SMA(ABS(LOW-VAR2),3,1)...

weixin_39859909的博客 2846

【个人博客网站】如何使用hugo搭建个人博客网站

个人记忆力又不咋地,平时很容易把重要或者重复的知识忘记,所以抽空研究了博客网站的搭建,方便查找知识点,但我没学JS,深入学又耗费时间,如果你也有和我的一些情况,想自己创建一个网站“玩玩”,那么请看下去,希望自己的一些经历能对想短期内创建静态网站、且没学过网站设计的朋友有所帮助。在这里我就只推荐hugo,因为本人用的就是hugo,其他的并不是很了解(如果你有更好的方法还请通过留言告诉我,谢谢!),首先确定自己要装在哪个系统上,比如装在Windows、Linux或者Mac(苹果系统),这里我使用Window系统

qq_65795785的博客 1413

从波士顿动力SpotMini拆解看四足机器人机械设计:关节布局与电机选型的5个关键决策点

本文深入解析波士顿动力SpotMini四足机器人的机械设计,聚焦关节布局与电机选型的5个关键决策点。通过拆解髋关节偏移距、膝关节传动链、电机热管理等核心设计,揭示商业级四足机器人的工程智慧,为工业巡检、物流机器人等应用提供实用参考。

postgres8guard的博客 892

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

主要介绍如何使用hugo、oss从0搭建好一个个人博客网站

余识- 2495

反激电源占空比为何必须小于0.5?次谐波振荡与斜坡补偿详解

在开关电源设计中,峰值电流模式控制因其优异的动态响应和逐周期限流保护而被广泛应用。其工作原理是通过采样电感电流的峰值,与误差电压比较来控制开关管的导通与关断。然而,这种控制方式在反激等隔离拓扑中,当占空比超过50%时,会面临一个固有的稳定性挑战——次谐波振荡。这是由于电流扰动会在相邻开关周期内被放大而非衰减,导致系统在开关频率一半处发生振荡,严重影响输出纹波和可靠性。为解决这一问题,工程上引入了斜坡补偿技术,通过向控制信号叠加一个固定斜率的斜坡,改变环路增益条件,从而在宽输入电压或高占空比需求下维持系统稳定

weixin_29631169的博客 623

水星路由器+群晖NAS+外网访问

水星路由器+群晖NAS+外网访问 有了公网IP,家里是水星路由器的 怎么设置外网访问 1.先电脑登录群晖的http://【你的群晖名】.quickconnect.to/ 2.【控制面板】进入设置 3.选择synology依次设置 ,【主机名称】就是你的名称。注意:左下角第7步,一定勾选。 4.下面进入192.168.1.1水星路由器设置。【IP与MAC绑定】点击NAS对应的【绑定】注意,点这里之前Nas一定设置了固定内网ip(后面补充 )。 5.【高级用户】-虚【拟服务器】。常用服务器不用选,其他的对应

wjxue201的博客 2594

使用Hugo搭建自己的个人博客网站

一.使用Hugo(基于Go语言的博客框架)搭建个人博客网站 1.Windows 64位系统下安装Hugo a.(Hugo框架下载地址)[https://github.com/gohugoio/hugo/releases],找到hugo_0.55.4_Windows-64bit.zip文件进行下载,下载后进行解压,即安装完成。 b.查看是否安装成功Hugo:在D:\Hugo\hugo_0.55....

CurryCoder的个人博客 1350

linux中的sendmail发送邮件

linux下的sendmail发送邮件

无痕的博客 6417

使用 Hugo + GitHub Pages 搭建个人博客网站

使用 Hugo + GitHub Pages 搭建个人博客网站是一个高效且免费的方案,特别适合技术博主。完成以上步骤后,你就拥有一个高性能、免费、可版本控制的个人博客网站了!推荐使用轻量、美观、支持 Markdown 的主题,如。Hugo 是一个用 Go 编写的静态网站生成器,速度快,适合博客。你需要将这个目录推送到 GitHub Pages 的。分支,GitHub 会自动构建并部署你的博客!Hugo 生成的静态文件在。这会创建一个空的网站骨架。如果你有自己的域名(如。,而不是在网站根目录!

weixin_42849849的博客 1528

ET2012新版免狗免安装绿色软件

ET2012新版免狗免安祖昂绿色软件。,新界面,新视觉,

复分析 阿尔福斯(Ahlfors) 第三版答案 英文

答案分为十章,有部分习题没有答案,全英文复分析阿尔福斯(Ahlfors) 第三版答案

github pages:使用 Hugo 搭建个人网站、网上商城

使用 Github、Hugo 搭建个人博客

freeking101的博客 5082

SAP B1中文培訓教材_SDK

公司内部培训资料,对开发工具 ,DIAPI, UIAPI,Add-ON有详细解说

内网穿透的应用-如何使用hugo搭建个人博客并实现无公网IP远程访问本地网站

今天和大家分享如何在Windows系统电脑使用HUGO快速搭建一个本地博客网站,并结合cpolar内网穿透工具实现一键发布本地站点至公网,随时随地远程访问,无需公网IP与准备域名、服务器。Hugo 是 Go 编写的静态网站生成器,速度快,易用,可配置。作为一款跨平台开源建站系统,当前提供 Windows,Linux,FreeBSD,NetBSD 和 OS X (Darwin) 的 x64, i386 和 ARM 架构的二进制预构建包。Hugo 依赖于 Markdown 文件,元数据字体。

微学AI的博客 1267

文档:亲测可用解决vnc灰屏,黑屏,鼠标大黑叉情况

主要解决vnc-viewer灰屏,黑屏,鼠标大黑叉等现象,详细见文档。

手把手教你使用Hugo搭建个人博客网站|保姆级教学

搭建个人博客网上目前用的比较多的博客框架是Hexo、Hugo、Jekyll。Hexo在windous下搭建相对麻烦易出问题,jekyll不是很了解,本文详细介绍利用最新的Hugo(基于Go语言的博客框架)在windows上搭建个人博客网站,从域名注册到后期维护,全程保姆级教学,带你装逼。如果搭建过程中遇到什么问题都可以评论交流。 搭建博客前提: 电脑安装并配置好Git,尤其是username和e...

匿名攻城狮 4917

个人快速搭建网站经验,第一次搭建个人网站遇到的坑,以及经验分享

特别注意Hugo下载如图版本,否则会有很多报错,当时本人搭建的时候用的没有下载扩展版最后还是没弄明白,然后重新有重建了几次。hugo下载好之后,是一个zip格式的文件(如下图)解压后就是Hugo的环境将该环境配置到环境变量就会在任意目录调用Hugo环境。注意 这里有两个环境变量 一个是用户变量,一个是系统变量,用户变量是仅该用户生效,系统变量所有用户都生效,看自己需求配置。将其解压到自己的目录中,我的解压目录是D:\Dev (个人习惯 我一般环境都在该目录)解压后就是如下文件夹。

m0_57089822的博客 2098

Hugo搭建个人博客

介绍 如果自己想搭建一个静态网站一种方式是自己写自己创作,这样发挥空间很大,但是工作量比较大;如果希望在短时间里就能快速拥有一个自己的网站,这样的话就可以用静态网站生成器。这里有一份静态网站生成器的汇总 GitHub地址,确实现在的网站生成器实在太多了。我是选择用 Go 语言实现的 Hugo 作为我的静态网站生成器,一方面它是我第一个接触到的生成器,另一方面 Hugo 从搭建到部署简便快速,相当...

CrazyQiQi的博客 1702

使用hugo搭建博客网站

前言 go语言大行其道,hugo是由Go语言实现的静态网站生成器。 hugo简单、易用、高效、易扩展、快速部署。 主要用于个人Blog、项目文档、初创公司站点构建。 步骤 安装scoop和hugo scoop是windows上的命令行安装工具,使用scoop来安装hugo十分简单,首先我们需要安装scoop。 win+r键入powershell打开windows powershell,注意不是cmd。 键入下面的命令来安装scoopiwr -useb get.scoop.sh | iex 安装后命令行键

路过人间,一叶知秋 7798

Hugo + Github配置个人博客搭建指南

写在前面正如我前文所说,我在整个的搭建过程中还是踩了不少的坑,究其原因,就是因为太怕麻烦,结果变得更加麻烦,反而浪费时间。所以授人以鱼不如授人以渔,我想在我写的教程里尽量将可能出现的问题和原因都写清楚,也算是对今天这一天不务正业的总结。应该是详细的,不详细的话,只能不详细了。。。希望你已经安装了git。

Tanqueen的博客 1974
上一篇: 5分钟掌握矩阵乘法的Strassen算法
下一篇: 如何根据数组或者字符串创建链表?
tcpipstack
博客等级 码龄14年 329粉丝 89原创
评论
成就一亿技术人!
拼手气红包6.0元
还能输入1000个字符
 
 条评论被折叠 查看
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付:10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值