实战：手把手带你从0到1搭建自己的hugo博客站点(持续更新)-2022.5.4

最新推荐文章于 2024-05-15 01:28:08 发布
最新推荐文章于 2024-05-15 01:28:08 发布
阅读量5.1k 收藏 30
点赞数
分类专栏： hugo 文章标签： hugo
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/weixin_39246554/article/details/124573538
版权

image-20220503194500264

实验环境

win10
git version 2.17.0.windows.1
hugo v0.98.0

实验软件

链接：https://pan.baidu.com/s/1C-2E0-6Ub7s9DG6npUoZ8Q?pwd=elmi
提取码：elmi
2022.5.4-hugo实验软件

image-20220504164655658

前置条件

如果你想拥有一个心可以栖息的地方，那么就来和我一起搭建一个属于自己的博客平台，在这里，你可以随心所欲！

1、什么是hugo

1.hugo官网

https://gohugo.io/

image-20220503194500264

2.hugo优点

当前的静态网站生成工具对环境依赖过多，性能较差，于是使用 Go 语言写了一个静态网站生成器 Hugo。不仅解决了环境依赖、性能较差的问题，还有使用简单、部署方便等诸多优点，通过 LiveReload 实时刷新，极大的优化文章的写作体验。

3.Hugo跟Wordpress和Hexo对比

🍀 hugo跟wordpress其他建站工具的对比

  1. wordpress 全球31%的网站使用wordpress，尽管他有各种主题和插件，但是也有非常多的缺点，安全性，seo不够友好，定制麻烦
  2. hugo hexo最快的静态生成工具,seo友好，静态更安全，方便定制模板，缺点没有插件，如果要定制模板只能懂一点go的语法
  3. wordpress是动态的并且还需要托管数据库，所以托管费用比较昂贵
  4. hugo hexo是生成静态的页面，在本地生成后上传到服务器就可以了，托管费用非常便宜，可以直接用免费的github托管
  5. 国外网站技术对比 https://stackshare.io/stackups/hugo-vs-wordpress

🍀 wordpress vs hugo vs hexo

工具静态/动态托管安全性访问速度在线编辑markdown
wordpress动态复杂需要经常升级快可以插件支持
hugo静态简单非常安全非常快不可以支持
hexo静态简单非常安全快不可以支持
工具编程语言seo支持插件主题页面生成速度安装和使用生态
wordpressPHP不友好支持非常多不支持复杂
hugoGo友好不支持多非常快简单生态会好些
hexonodejs友好很多非常多快(当文件很多，就特别慢了)稍微复杂

2、hugo安装

1.安装git

见我的另一篇文章：https://blog.csdn.net/weixin_39246554/article/details/124569192?csdn_share_tail=%7B%22type%22%3A%22blog%22%2C%22rType%22%3A%22article%22%2C%22rId%22%3A%22124569192%22%2C%22source%22%3A%22weixin_39246554%22%7D&ctrtid=mr1mD

image-20220504130251037

image-20220504130334477

2.安装hugo

  • 打开hugo下载链接，直接下载go二进制安装包：

https://github.com/gohugoio/hugo/releases/download/v0.98.0/hugo_extended_0.98.0_Windows-64bit.zip

image-20220503221850842

  • 将下载的go二进制安装包放到自己电脑某个目录下，然后将其路径放到自己电脑的环境变量下

将下载好的二进制安装包，放到自己pc某个目录下：(自己配置目录为D:\SoftInstall\hugo)

image-20220503222615738

配置环境变量具体步骤如下：

win + R，输入：sysdm.cpl快速打开pc的环境变量配置：

点击高级：

image-20220503222139220

点击环境变量：

image-20220503222155266

来到系统变量，找到Path那一行，点击编辑：

image-20220503222235120

点击新建，然后输入刚才下载的二进制目录所在路径，点击确认：

image-20220503222350485

点击确认：

image-20220503222447185

点击确认：

image-20220503222505558

至此，hugo的环境变量就配置好了，我们打开cmd，输入hugo version查看是否有效果：

image-20220503222838424

有结果输出，表示hugo安装正常。

3.本地预览

1.创建本地站点根目录

自己来到D:\目录下，然后输入如下命令，进行创建本地站点根目录：

$ hugo new site hugoblog
Congratulations! Your new Hugo site is created in D:\hugoblog.

Just a few more steps and you're ready to go:

1. Download a theme into the same-named folder.
   Choose a theme from https://themes.gohugo.io/ or
   create your own with the "hugo new theme <THEMENAME>" command.
2. Perhaps you want to add some content. You can add single files
   with "hugo new <SECTIONNAME>\<FILENAME>.<FORMAT>".
3. Start the built-in live server via "hugo server".

Visit https://gohugo.io/ for quickstart guide and full documentation.


hg@LAPTOP-G8TUFE0T MINGW64 /d
$ cd hugoblog/

hg@LAPTOP-G8TUFE0T MINGW64 /d/hugoblog
$ ls
archetypes/  config.toml  content/  data/  layouts/  public/  static/  themes/

hg@LAPTOP-G8TUFE0T MINGW64 /d/hugoblog

image-20220503223456852

2.下载hugo主题

⚠️ 因为hugo没有内置主题，所以你需要去下载一个：

hg@LAPTOP-G8TUFE0T MINGW64 /d/hugoblog
$ git clone https://github.com/reuixiy/hugo-theme-meme.git themes/meme
Cloning into 'themes/meme'...
remote: Enumerating objects: 5583, done.
remote: Counting objects: 100% (740/740), done.
remote: Compressing objects: 100% (289/289), done.
remote: Total 5583 (delta 507), reused 451 (delta 451), pack-reused 4843
Receiving objects: 100% (5583/5583), 9.31 MiB | 12.59 MiB/s, done.
Resolving deltas: 100% (3086/3086), done.

hg@LAPTOP-G8TUFE0T MINGW64 /d/hugoblog
$ rm config.toml && cp themes/meme/config-examples/en/config.toml config.toml

image-20220503223746534

3.创建第一个测试文件
hg@LAPTOP-G8TUFE0T MINGW64 /d/hugoblog
$ hugo new post/first.md
Content "D:\\hugoblog\\content\\post\\first.md" created

hg@LAPTOP-G8TUFE0T MINGW64 /d/hugoblog
$ echo "i love you,xyy hurt!" >> content/post/first.md

image-20220503224628978

🍀 说明

hugo new [路径]文章名.md
hugo new会创建包含默认元数据的文章，如果没有路径, 文章会保存在content目录中。

md的文章会在开始部分添加元数据,
数据格式为 yaml toml json格式如下:

+++
title = "my first blog"
date = "2019-10-28T09:38:35+08:00"
draft = true
+++

markdownz正文部分>>>
PS:
draft=true表示文章默认为草稿
draft=false 才能识别非草稿

image-20220504152643077

4.本地预览
$ hugo server -v -D

#hugo -d 目标路径
不指定目标路径, 会默认在public目录下生成可部署的网站.
我们通过hugo server -D本地生成网站预览. 他会监控页面的更改, 并刷新页面.

image-20220503224411807

在浏览器打开如下链接，http://localhost:1313/ 观察效果：

image-20220503224734125

完美。😘

4.将本地数据推送到github仓库并设置公网可访问

1.github上创建仓库

登录github：https://github.com/

点击Your repositories：

image-20220503225108331

点击new：

image-20220503225154016

填写仓库名，选择Public，添加一个Readme文件：

image-20220503225218903

点击Create respository：

image-20220503225328250

完成仓库创建。

2.将本地文件推送到远程仓库
  • 此时，来到博客根目录，先执行下hugo -D生成下网站所需数据：
$ hugo -D

image-20220503225746180

此时，你能看到public目录下，生成可很多文件，这个就是后续生成网站所需要的数据。

  • 此时，来到public目录下，执行如下命令
$ cd public/

$ git init
$ git remote add origin git@github.com:OnlyOnexl/hugoblog.git
$ git add .
$ git commit -m"first commit"
$ git push  --set-upstream origin master
$ gs

image-20220503230328157

🍀 关于这里如何配置git客户端到github的公私钥方法，请看如下方法：

Git配置ssh登录GitHub管理自己的代码

检测本地pc是否已存在ssh秘钥(不存在可忽略次步骤)

image-20220410072325298

1️⃣ 设置签名

右键单击鼠标，点击 Git Bash Here输入以下命令，设置签名：

git config --global user.name  "hg"
git config --global user.email  "2675263825@qq.com"

2️⃣ 生成ssh秘钥

然后生成密钥(公钥和私钥)：

ssh-keygen -t rsa -C "2675263825@qq.com"

#备注：
1.过程中按2次回车就好；
2.也可以添加-b选项 # ssh-keygen -t rsa -b 4096 -C "your_email@example.com"

image-2021.05.16082430526

3️⃣ 复制ssh公钥到github

现在密钥已经生成，一般存放在（/c/Users/you/.ssh/id_rsa.pub.），我们运行下面的命令将密钥复制为粘贴板，等会儿会粘贴到github上去：

image-2021.05.16082602732

image-2021.05.16082634238

复制 id_rsa.pub 文件内容，登录 GitHub，点击用户头像→Settings→SSH and GPG keys，New SSH Key，输入复制的密钥信息，保存：

image-20210311224729201

image-20210311224743448

4️⃣ 验证：本地连接Github

右键单击鼠标，点击 Git Bash Here输入以下命令，如果如下图所示，出现你的用户名，那就成功了

$ ssh -T git@github.com

image-2021.05.16083311660

  • 此时来到github仓库下，观看数据已经被推送上来了：

image-20220503230406483

  • 最后记得在github上设置下gitpages功能

点击Settings，Pages:

image-20220503230504717

选择master分支，点击Save：

image-20220504134929579

  • 验证效果：

公网访问：

https://onlyonexl.github.io/hugoblog/

image-20220504134958504

这里应该是网络问题！

5.如何自定义域名

  • 购买域名

到阿里云万网，购买域名：

https://www.aliyun.com/ss/?spm=5176.19720258.J_8058803260.36.e9392c4aBhlzKl&k=%E5%9F%9F%E5%90%8D

image-20220504145926766

域名购买后记得实名认证下：(用阿里云手机app效果会更好！)

  • 配置域名解析

来到阿里云域名控制台，配置域名解析：

image-20220504135334574

  • 配置GitHub Pages

image-20220503230735556

image-20220504150202558

  • 验证

公网访问域名：http://www.onlyyou520.com/

image-20220504135828852

大功告成，接下来就可以开心写自己博客了！😘

3、hugo进阶

📍 如何为某篇文章打上标签及分类？(已解决)-2022.5.4

当然实际上，Hugo默认会产生 tags 和 categories 的分类，如果只需要这两个，可以不用在 config.toml 中声明就在post头部使用。

  • 配置方法
title: "First"
date: 2022-05-03
tags: ["hugo"]
categories: ["hugo"]

image-20220504153952394

  • 验证

image-20220504154029259

image-20220504154039005

📍 如何一键发布自己写好的文章到github？(已解决)-2022.5.4

  • 配置方法
$ vim /etc/profile
alias hg="cd /d/hugoblog/ && hugo -D && cd /d/hugoblog/public && git add -A && git commit -m 'empty' && git push"

$ source /etc/profile

这里利用了shell脚本进行一键发布哈哈！😘

  • 测试效果

在content/post目录下创建新文件：

image-20220504161716475

image-20220504161706675

一键发布：

image-20220504161751812

image-20220504161805112

image-20220504161826122

image-20220504161843579

📍 注意：本地仓库推送到github，数据是有一定延时的！😥

📍 如何解决文章后关于Author及Link信息？(已解决)-2022.5.4

  • 问题现象

image-20220504162808102

  • 解决办法

默认配置：

image-20220504162857431

image-20220504163024082

修改后配置：

image-20220504163604425

image-20220504163115502

  • 验证(完美)😘

image-20220504163429993

image-20220504163518233

📍 如何为首页添加背景图片？

📍 如何为首页添加音乐/动画插件？

📍 如何修改站点名称(已解决)-2022.5.4

  • 修改方法
title = "Onlyyou"

image-20220504125942902

  • 效果

image-20220504130041886

📍 hugo目录结构

image-20220503192442079

hg@LAPTOP-G8TUFE0T MINGW64 /d
$ cd hugoblog/

hg@LAPTOP-G8TUFE0T MINGW64 /d/hugoblog
$ ls
archetypes/  config.toml  content/  data/  layouts/  public/  static/  themes/
1. config.toml
  所有的hugo站点都有一个全局配置文件，用来配置整个站点的信息，hugo默认提供了跟多配置指令。
2. content
  站点下所有的内容页面，也就是我们创建的md文件都在这个content目录下面。
3. data
  data目录用来存储网站用到一些配置、数据文件。文件类型可以是yaml|toml|json等格式。
4. layouts
  存放用来渲染content目录下面内容的模版文件，模版.html格式结尾，layouts可以同时存储在项目目录和themes//layouts目录下。
5. static
  用来存储图片、css、js等静态资源文件。
6. themes
  用来存储主题，主题可以方便的帮助我们快速建立站点，也可以方便的切换网站的风格样式。
7. public
  hugo编译后生成网站的所有文件都存储在这里面，把这个目录放到任意web服务器就可以发布网站成功
8. archetypes  
  Hugo new 创建内容页面的时候预置的内容模板

📍 好看的hugo主题？

📍 如何安装新的hugo主题(已解决)-2022.5.4

🍀 一般情况下，将主题克隆下来放到themes目录下就可以

🍀 但有的主题，需要把config.toml给替换掉，例如meme主题：

hg@LAPTOP-G8TUFE0T MINGW64 /d/hugoblog
$ git clone https://github.com/reuixiy/hugo-theme-meme.git themes/meme #将主题克隆并重命名到themes目录即可！
Cloning into 'themes/meme'...
remote: Enumerating objects: 5583, done.
remote: Counting objects: 100% (740/740), done.
remote: Compressing objects: 100% (289/289), done.
remote: Total 5583 (delta 507), reused 451 (delta 451), pack-reused 4843
Receiving objects: 100% (5583/5583), 9.31 MiB | 12.59 MiB/s, done.
Resolving deltas: 100% (3086/3086), done.

hg@LAPTOP-G8TUFE0T MINGW64 /d/hugoblog
$ rm config.toml && cp themes/meme/config-examples/en/config.toml config.toml

📍 hugo命令

💧 查看hugo版本

PS D:\hugoblog> hugo version
hugo v0.98.0-165d299cde259c8b801abadc6d3405a229e449f6+extended windows/amd64 BuildDate=2022-04-28T10:23:30Z VendorInfo=gohugoio

💧 创建本地站点根目录

$ hugo new site hugoblog
Congratulations! Your new Hugo site is created in D:\hugoblog.

Just a few more steps and you're ready to go:

1. Download a theme into the same-named folder.
   Choose a theme from https://themes.gohugo.io/ or
   create your own with the "hugo new theme <THEMENAME>" command.
2. Perhaps you want to add some content. You can add single files
   with "hugo new <SECTIONNAME>\<FILENAME>.<FORMAT>".
3. Start the built-in live server via "hugo server".

Visit https://gohugo.io/ for quickstart guide and full documentation.


hg@LAPTOP-G8TUFE0T MINGW64 /d
$ cd hugoblog/

hg@LAPTOP-G8TUFE0T MINGW64 /d/hugoblog
$ ls
archetypes/  config.toml  content/  data/  layouts/  public/  static/  themes/

hg@LAPTOP-G8TUFE0T MINGW64 /d/hugoblog

💧 创建第一个测试文件

hg@LAPTOP-G8TUFE0T MINGW64 /d/hugoblog
$ hugo new post/first.md
Content "D:\\hugoblog\\content\\post\\first.md" created

hg@LAPTOP-G8TUFE0T MINGW64 /d/hugoblog
$ echo "i love you,xyy hurt!" >> content/post/first.md

💧 本地预览

$ hugo server -v -D

#备注
server      A high performance webserver
  -v, --verbose                    verbose output
      --verboseLog                 verbose logging
-D, --buildDrafts            include content marked as draft

image-20220503224411807

💧 构建数据

$ hugo -D

image-20220504131512246

📍 如何取消GitHub Pages功能(已解决)-2022.5.4

  • 故障现象：在关闭这个GitHub Pages功能时报错

image-20220504134358128

  • 解决办法

image-20220504134336307

本次直接删除仓库了：

image-20220504134518321

参考链接

https://www.kancloud.cn/yunduanio/gohugo_learning/1439165

image-20220503163509135

https://cloud.tencent.com/developer/article/1852173

image-20220503164116186

关于我

我的博客主旨：

  • 排版美观，语言精炼；
  • 文档即手册，步骤明细，拒绝埋坑，提供源码；
  • 本人实战文档都是亲测成功的，各位小伙伴在实际操作过程中如有什么疑问，可随时联系本人帮您解决问题，让我们一起进步！

  1. 个人微信二维码：x2675263825 （舍得）， qq：2675263825。

    image-20211002091450217

  2. 个人微信公众号：《云原生架构师实战》

    image-20211002141739664

  3. 个人csdn

    https://blog.csdn.net/weixin_39246554?spm=1010.2135.3001.5421

    image-20211002092344616

  4. 个人已开源干货😘

    不服来怼：宇宙中最好用的云笔记 & 其他开源干货：https://www.yuque.com/go/doc/73723298?#

    image-20220423100718009

  5. 个人博客：(www.onlyyou520.com)

    image-20220504165114218

最后

好了，关于玩转hugo实验就到这里了，感谢大家阅读，最后贴上我女神的photo，祝大家生活快乐，每天都过的有意义哦，我们下期见！

image-20220503221443943

lov

  1. 个人微信二维码：x2675263825 （舍得）， qq：2675263825。

    [外链图片转存中…(img-fVTvCZvJ-1651654605216)]

  2. 个人微信公众号：《云原生架构师实战》

    [外链图片转存中…(img-JPROIXvi-1651654605217)]

  3. 个人csdn

    https://blog.csdn.net/weixin_39246554?spm=1010.2135.3001.5421

    [外链图片转存中…(img-y6Db2KGx-1651654605218)]

  4. 个人已开源干货😘

    不服来怼：宇宙中最好用的云笔记 & 其他开源干货：https://www.yuque.com/go/doc/73723298?#

    [外链图片转存中…(img-l4wSpUkD-1651654605219)]

  5. 个人博客：(www.onlyyou520.com)

    [外链图片转存中…(img-ioQMf7ZO-1651654605219)]

最后

好了，关于玩转hugo实验就到这里了，感谢大家阅读，最后贴上我女神的photo，祝大家生活快乐，每天都过的有意义哦，我们下期见！

image-20220503221443943

lov

一念一生～one
关注
  • 0
    点赞
  • 踩
  • 30
    收藏
    觉得还不错? 一键收藏
  • 1
    评论
专栏目录
hugo_extended_0.80.0_Windows-64bit.zip
02-17
hugo_extended_0.80.0_Windows-64bit.zip
网站-hugo-kogakure.de：kogakure.de
02-03
$ brew install hugo 您将需要安装GraphicsMagick才能生成缩略图： $ brew install graphicsmagick 安装nvm和正确的node版本： $ git clone https://github.com/creationix/nvm.git ~ /.nvm $ cd ~ /.nvm $ git ...
Hugo博客教程（一）
focus：Follow One Cause Until Success
02-01 1429
静态博客是指利用生成工具（如：Hugo、Hexo）等将博文编译成静态文件的一种博客系统。博主只需要将生成文件部署在静态服务器上即可被互联网访问，在访问时，直接获取静态资源，不需要向数据库中请求博文、图片等信息。
Hugo博客手把手教程（一）
sk14772的博客
01-07 4195
本教程讲解了几种常见的博客框架选择，最终以 Hugo 框架为基础，教授了如何在 GitHub pages 上部署个人博客，还使用 GitHub actions 以及一个简单的 bat 脚本实现自动化发布。
2024年最新Hugo、Hexo博客搭建及Hugo的自定义配置_hugo hexo，2024年最新40岁程序员面试
2401_84871072的博客
05-15 856
快速、简洁且高效的博客框架。Hexo官网阿里巴巴矢量库打开图标管理 -> 我的项目 ->hugo-blog，将选择好的图标加入购物车，加入项目，修改下图标的名称（名称改为icon-xxx）、大小和颜色。然后点击下载至本地，解压后目录结构如下。将hugo的themes\even\src\fonts\iconfont目录下的4个文件用上一步下载的对应文件替换掉。打开文件。修改的配置不能立即生效，我们重新编译打包主题文件。因此需要先安装Node.js和Yarn，安装Node.js后，
hugo搭建个人博客(一)-本地部署
兮赫的博客
04-28 2254
文章目录额,一时兴起, 搭建一个基于hugo的个人博客玩一下1. 下载安装hugo1.1 将安装包解压到指定目录2. 配置环境变量2.1 步骤1：鼠标右键->属性2.2 步骤2：点击高级系统设置2.3 步骤3：点击环境变量2.4 步骤4：选中path，点击编辑2.5 步骤5：点击新建2.6 步骤6：Hugo.exe目录,配置ok后点击确定，一路确定3.hugo新建博客3.1 打开cmd命令行...
hugo 搭建个人博客最详细的教程
Nevermind_goon的博客
04-24 1886
如何用 hugo 搭建个人博客？ 2020/4/24 1安装Hugo 首先打开官方教程 Hugo 如果你是mac用户使用以下命令行安装 brew install hugo hugo version brew需要按教程先安装 如果你是window用户,个人推荐使用以下步骤 点开hugo下载链接 下载 hugo_0.69.1_Windows-64bit.zip 如果版本更新了，就下载最新版本...
基于Hugo 搭建个人博客网站
weixin_46516647的博客
09-05 1053
将 Homebrew 添加到当前终端会话的路径中。前往GitHub上新建一个仓库，注意命名要与github用户名一致。,找到自己喜欢的主题，点击后可以看到下载方法，按照要求进行下载。仓库更新后就可以访问之前设置的域名进行访问了。前者是在您的用户目录下的。至此，hb安装完成。
hugo博客搭建 | PaperMod主题
Xym's Blog
05-08 2755
文章目录1.安装hugo2.新建站点3.下载主题4.配置文件5.目录设置6.启动博客7.写文章 博客原文：【置顶】hugo博客搭建 | PaperMod主题 1.安装hugo windows用户可以先去官网下载hugo框架，hugo官网地址， 苹果用户有安装HomeBrew工具的话可以直接输入brew install hugo进行安装。 下载完成后检查是否安装成功，输入: hugo version，若出现版本信息则表示安装成功。 2.新建站点 输入hugo new site hugoblog ，就会在h
hugo-future-imperfect-slim-master.zip_Hugo!_endqfp_html5
09-21
【标题】"hugo-future-imperfect-slim-master.zip_Hugo!_endqfp_html5" 提供的信息表明，这是一个与Hugo相关的主题模板，名为"Hugo-Future-Imperfect-Slim"，并且可能是一个已经优化了性能或简洁性的版本（"slim...
hugo_extended_0.71.0_Windows-64bit.zip
05-25
Hugo是一个开源的静态网站生成器，它以Go语言编写，速度高效，功能强大。"hugo_extended_0.71.0_Windows-64bit.zip" 是Hugo的一个特定版本，适用于...通过持续关注Hugo的更新，用户可以享受到不断改进的性能和新功能。
hugo-progression-demo-源码.rar
10-10
【标题】"hugo-progression-demo-源码.rar" 是一个使用Hugo框架构建的网站演示项目的源代码压缩包。Hugo是一个静态站点生成器，它以Go语言编写，强调速度、易用性和可扩展性。这个项目可能是为了展示如何使用Hugo来...
hugo-chart:Hugo的Chart.js组件
05-06
在站点或主题的配置文件config.yaml或config.toml将hugo-chart添加为theme列表变量的最左侧元素。 例如，使用config.yaml ： theme : ["hugo-chart", "my-theme"] 或者，使用config.toml ， theme = [ " hugo-...
手把手教你从0开始搭建自己的个人博客 |第二种姿势 | hugo
08-30
手把手教你从0开始搭建自己的个人博客__第二种姿势___hugo
PyPI 官网下载 | hugo-deployer-git-0.0.4.tar.gz
02-01
标题中的“PyPI 官网下载 | hugo-deployer-git-0.0.4.tar.gz”表明这是一个从Python Package Index (PyPI)官方源下载的软件包，名为`hugo-deployer-git`，版本号为0.0.4，格式为tar.gz。这个包是用于部署Hugo构建的...
hugo-blog.mosuke.tech：我的Hugo技术博客库
02-07
hugo的blog.mosuke.tech文件 这是blog.mosuke.tech的hugo存储库。 推送此存储库时，执行wercker ci / cd进程并将其部署到“ mosuke5-lab / mosuke5-lab.github.io”。 以下是ci / cd步骤。 构建：执行hugo并检查...
搭建个人博客（一）：Hugo 框架构建网站
qq_26796255的博客
10-04 1036
搭建一个属于自己的个人博客网站，这种想法由来已久。之前也尝试过，但结果不尽如人意。最近无意中知晓Hugo这种框架，无需编写前端代码通过一些参数配置修改就可定制自己想要的博客网站，于是又开始熬夜了。。。 HUGO 框架（点此传送官网） 果然厉害的东西，愿景标语都是如此刚。尝试搭建之后确实比较有意思。他是用go语言编写实现的静态网站生成器。因为阿雷没接触过go语言，所以本文是小白文，只会介绍框架的使用方法。ps：这个框架的中文阿雷一直读作虎狗，查了下中文翻译竟然是雨果。。。 下载（传送门） 官方介绍了好几.
使用Hugo和Github Pages服务从零开始搭建个人博客
荆棘的博客
06-06 1286
前几天查资料的时候，意外注意到了别人的博客地址是github.io结尾的，出于好奇就查了一下，原来是利用github的免费Pages服务来托管静态网站。因此本篇文章还是采用学习笔记的方式来记录，不断更新，共同进步。Github提供静态网站托管服务，也就是Github Pages服务；而Hugo是一个静态网站生成器，可从一系列源文件生成静态网站。
从零开始：学习使用 Hugo 构建自己的静态网站
蜗牛的博客
03-02 2475
Hugo 是一个由 Go 语言编写的静态网站生成器。它可以帮助用户快速构建高性能的静态网站，特别是博客、文档和个人网站等。与其他静态网站生成器相比，Hugo 的特点是速度快、易于使用、可扩展性强等。Hugo 使用简单的 Markdown 和 HTML 等标记语言来创建内容，并使用 Go 语言的模板引擎来自定义主题和布局。Hugo 的优点还包括其跨平台性、低资源消耗和易于维护等。由于其快速编译和生成速度，Hugo 成为了流行的静态网站生成器之一。
post-dirs.sh
最新发布
06-04
post-dirs.sh 是一个 shell 脚本，用于在 Linux 系统中向指定目录中的所有子目录中添加一个名为 post 的目录。这个脚本主要是为了方便在使用 Hugo 等静态网站生成器时，添加新文章时能够快速找到对应的文件夹。 该脚本的使用方法是在终端中执行该脚本，并指定目标目录的路径，例如： ``` ./post-dirs.sh /path/to/target/directory ``` 执行该命令后，脚本会在目标目录及其所有子目录中添加一个名为 post 的文件夹。
评论 1
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值