Wallstreet小白
发布于 2024-09-11 / 16 阅读
0
0

小白搭建hugo折腾记录

前言

 这里说的小白是指没有任何编程基础的人,就像鄙人一样。一直来,很想拥有一个属于自己的博客,直至前段时间才开始把这个想法变成了现实。一开始看不上wordpress一键搭建个人网站,喜欢有点技术门槛和挑战的,然后选择了HEXO框架,后来几经折腾,安装插件经常报错就玩不下去了,经过一番研究,最终选择了hugo框架,至于为什么选择hugo框架,我认为有以下几点优势:

优势

1、生成速度快。hugo是一个用 Go 语言编写的静态 HTML 和 CSS 网站生成器。它针对速度、易用性和可配置性进行了优化。因为我HEXO我也用过,所以在生成速度上上有一定的发言权,虽然没有用计时器严谨地统计过,但是在感官上hugo的确是比hexo要快,这还是建立在我的博客文章不是太多的情况下的,如果文章多了这个优势可能会更加明显。

2、安装简单,不需要太多依赖。hexo基于Node.js环境,npm安装经常出现依赖报错的情况,如果动手能力差点,没有一点编程基础,很容易玩坏。而安装hugo就容易多了,直接把它的二进制安装下载下载下来设置以下环境变量就完事,而且重新安装也不会耗费太多时间,只要把重要的文件夹备份好。

3、在最重要一点:省心。虽然hugo在主题和插件拓展上不如hexo,但是在实际实用过程中会省心很多,基本上很少出现报错,对于我这类不是程序员出身额小白实在是太友好了。

劣势

 说了这么多hugo的优势,也来说以下它的劣势吧。的确,由于hexo用户群体比hugo占有优势,在社区支持和网上的解决方案资料的确不如人意,我在实用过程中遇到的问题在百度查了一下,基本上没有相关资料,而hexo能查到解决方案的机率也有60%左右。另外hexo的主题和插件比hugo资源丰富,可能把自己的网站搭建得很漂亮,只要怎么选择,相信各位看官心里已经有了自己的答案。好了废话少说,现在把我折腾hugo的流水说以下吧。

前期准备

由于我是在win系统下安装的,这里用win系统做演示

1、安装git

2、前往hugo官网,下载安装文件,这里推荐下载extend版本的,因为这个版本拓展性丰富一些,个别主题也需要在extend版本才能运行。

3、下载完成后,解压文件,会得到一个exe的二进制文件。注意:这个exe运行不用双击安装,只需要解压出来就行。解压后把它放在你想hugo博客的安装位置,我把它安装在D盘,我在D盘新增一个hugo文件夹,把这个exe文件放在hugo文件夹中。

3、配置系统的环境变量。右键“我的电脑”-“属性”-“高级系统设置”-“环境变量”-“path”-“编辑环境变量”-“新建一个D:\HUGO”的环境变量。

小白搭建hugo折腾记录-1.png

4、打开cmd,输入"hugo version",如果有版本提示,没有报错表示已经安装成功。

本地生成博客

进入D盘中,鼠标右键“git bash here”(要安装git才有这个选项),demo是实例名称,可根据自己的实际情况输入,输入以下命令:

hugo new site demo

这时已经生成一个名字为'demo'的文件夹,这个文件夹就是用来存放你的博客内容的了,其结构如下:

├── archetypes

│ └── default.md

├── config.toml # 博客站点的配置文件

├── content # 博客文章所在目录

├── data
├── layouts # 网站布局

├── static # 一些静态内容

└── themes # 博客主题

下载主题

 由于hugo自身没有主题的,需要下载主题才能运行,前往hugo官网挑选一款合适的主题,把下载好的主题放在博客文件夹中的“themes”,然后进行解压。

 我们将exampleSite 目录中的内容,复制到博客根目录demo中,在demo目录中执行命令:

cp themes/themes(这里替换为你自己所下载的主题名称)/exampleSite/* ./ -r

启动博客

hugo server

 这时,你就可以打开http://localhost:1313查看自己本地生成的博客了。

生成自己的第一篇文章

hugo new post/hello word.md

 这个时候你就可以在博客content文件中多了一个post文件夹,里面有个叫"hello world",md格式的文件,这个时候就可以愉快在这个文件中写文章了。编辑这个md格式文件我自己使用的vscode

主题配置

 由于每个主题的内容不同,这里就不细说了,大家只需要编辑博客文件夹中的config配置文件就可以对自己博客就行设置。主题的选择上建议是下载人气较高的主题,这类主题一般更新比较勤快,可配置内容比较丰富,当然有编程基础的可以自己魔改更可以自己写,对于一般用户来说主题自带的功能基本够用。

总结

 在静态网页生成工具中,建议选择用户较多的hugo和hexo,至于是hugo还是hexo,他们有各自的长处和不足,大家根据自己的实际情况来选择就好。这时,你已经拥有了一个属于自己的个人博客,但这个博客只能在本地访问,如何让自己的博客能被互联网用户访问,我们还需要对博客进行部署,下一次,我会介绍自己如何把自己的博客部署在vercel平台并绑定自己的域名进行访问的。


评论