美文网首页
使用Hugo,只需5分钟,轻松搭建一个自己的博客

使用Hugo,只需5分钟,轻松搭建一个自己的博客

作者: 俺是大龄程序员 | 来源:发表于2019-09-29 08:53 被阅读0次

前面跟大家介绍过hexo这款静态博客系统,功能强大,基本能满足博客的各种需求。今天,我再跟大家介绍一款优秀的静态博客系统,那就是Hugo.

Hugo是由Go语言实现的静态网站生成器。简单、易用、高效、易扩展、快速部署。Hugo与hexo类似,只需要记住几个简单的命令,即可生成静态博客。

查看原文

下面就开始简单介绍一下这款静态博客系统

下载Hugo

https://github.com/spf13/hugo/releases下载对应操作系统的版本,已Windows为例,下载如下文件

image

添加环境变量

解压文件,复制hugo.exe路径,添加到环境变量Path,步骤如下图

image

创建站点

在命令行中执行如下命令

hugo new site /path/to/site

执行完会在你填写的路径下创建一个站点目录,执行命令进入站点目录

cd /path/to/site

站点目录结构如下

  ▸ archetypes/
  ▸ content/
  ▸ layouts/
  ▸ static/
    config.toml

创建文章

执行如下命令会在content目录下生产一个about.md的文件

hugo new about.md

内容如下

+++
date = "2015-10-25T08:36:54-07:00"
draft = true
title = "about"

+++

正文内容

安装皮肤

官方地址选择一款心仪的皮肤,或者再GitHub上搜索。
比如喜欢hyde这款皮肤,找到他的GitHub链接https://github.com/spf13/hyde.git,在根目录创建themes目录,执行如下命令

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

运行Hugo

执行如下命令,指定以hyde主题运行,浏览器打开地址http://localhost:1313即可查看效果

hugo server --theme=hyde --buildDrafts

部署

需要部署到GitHub等Git仓库,需要执行如下命令

hugo --theme=hyde --baseUrl="http://coderzh.github.io/"

这里的baseUrl是你GitHub开启Pages服务的地址,执行完以后会生成public目录,进入目录初始化本地仓库,提交到远程仓库即可(可参考上一篇Git很麻烦?只要掌握这几个命令,轻松将代码提交远程仓库

几个简单步骤,你的静态博客基本完成了,后续就是写文章和根据自己的需要调整主题的细节。

相关文章

  • 使用hugo搭建静态博客网站

    使用hugo搭建静态博客网站 hugo是使用go语言编写的快速搭建静态博客的工具。 安装我使用的系统是Ubuntu...

  • 使用Hugo搭建自己的博客

    生命在于折腾,生命不息,折腾不止。 最近又开始了折腾博客,以前的文章都写在简书上,现在准备使用Hugo来搭建一个静...

  • 使用Hugo,只需5分钟,轻松搭建一个自己的博客

    前面跟大家介绍过hexo这款静态博客系统,功能强大,基本能满足博客的各种需求。今天,我再跟大家介绍一款优秀的静态博...

  • 使用Git更新Hugo 个人博客

    使用Git更新Hugo 个人博客 该文章主要是讨论,如何在本地搭建好hugo静态网页后,上传git到自己的域名下。...

  • 如何用hugo 搭建博客

    1,Hugo 简介 搭建个人博客有很多开源的博客框架,我们要介绍的框架叫作Hugo。Hugo 是一个基于Go 语言...

  • hugo搭建个人博客

    hugo搭建个人博客 1. hugo的安装 windows下hugo的安装 在hugo的官网下载 hugo 的二进...

  • 使用HUGO搭建个人博客

    本文首发于我的个人博客:Suixin's Blog Hugo是一个用Go编写的静态站点生成器,由于具有丰富的主题资...

  • 使用 Hugo 搭建个人博客

    一、从 Hugo 的 GitHub Releases 下载与操作系统相对应的二进制文件 由于我使用的是 Windo...

  • 使用 Hugo 搭建个人博客

    从 Hugo 的 GitHub Releases 下载与操作系统相对应的二进制文件 由于我使用的是 Windows...

  • 使用Hugo搭建静态博客

    经过一番折腾,自己的博客总算上线了,也顺便做了个的程序员博客主题 Hugo介绍 Hugo是由Go语言实现的静态网站...

网友评论

      本文标题:使用Hugo,只需5分钟,轻松搭建一个自己的博客

      本文链接:https://www.haomeiwen.com/subject/ungxpctx.html