HUGO搭建博客的正确方式

/ 0评 / 0

HUGO是什么

hugo是一个静态博客驱动器,可以把markdown编写的内容处理并生成一个完整的网站.

除了hugo以外,同类型的静态博客生成器还有hexo,hexo对比hugo来说,性能差一点-hugo被称为“世界上最快的网站构建框架”,但是国内知名度对比hexo来说,hugo还是相去甚远。

HUGO的优势

对比于hexo,hugo可以直接使用已经编译好的二进制文件,几乎可以在任何平台运行,hexo则需要比较复杂的环境-node、npm...

而hugo则只需要一个文件即可?.

准备工作

官方文档分为如下几个步骤?
安装/生成站点/部署皮肤/运行程序/ 部署上线

这里我的方案是直接在服务器上部署,不使用GitHub pages的方案,所以最后一个部署的过程给略去了.

接下来开始准备你需要的所有前置条件,下面的教程默认你已经准备完毕.

  1. 一台装好linux系统的服务器
  2. 安装好git、wegt

准备完毕,开始正式部署Hugo?

安装Hugo

wget https://github.com/gohugoio/hugo/releases/download/v0.62.2/hugo_0.62.2_Linux-64bit.tar.gz
#从GitHub下载hugo的二进制包
tar -zxvf hugo_*.tar.gz
#解压
cd hugo*
#查看是否有Hugo的二进制文件

生成站点

新建一个目录

mkdir hugo
cd hugo

生成站点

hugo new site ./hugo
#在刚刚创建的hugo文件内生成站点

创建文章

hugo new about.md
#这个命令是创建一个单独的我页面,创建文章需要指定到post目录,具体命令如下
hugo new /post/hello,hugo.md
#创建一个标题为“hello,hugo的文章

安装皮肤

⚠️安装好皮肤后在运行的时候需要指定自己的我域名或者IP,不然无法正确加载CSS样式,代码如下?

--baseUrl="http://coderzh.github.io/"
#引号内的网址替换成你的ip或者域名

下载以及安装皮肤

cd themes
git clone https://github.com/spf13/hyde.git

更多皮肤可以访问官网,或者在GitHub?搜索相关关键词

官方皮肤列表

测试运行

hugo server --theme=hyde --baseUrl="http://coderzh.github.io/" --port=80 --buildDrafts —-bind="0.0.0.0"
?运行如果没有error就代表成功啦!

在浏览器访问http://你的IP/

就可以看到你的博客了?

更多详细信息请移步官网?

中文官网

英文官网

发表评论

电子邮件地址不会被公开。 必填项已用*标注