美文网首页
如何用 hugo 搭建个人博客

如何用 hugo 搭建个人博客

作者: 张德瘦嬢嬢 | 来源:发表于2019-10-17 11:05 被阅读0次

Hugo

是由Go语言实现的静态网站生成器。简单、易用、高效、易扩展、快速部署 中文网

1. Hugo安装

Hugo官方教程
由于本媛只有windows,暂时只讲window的教程吧。

  1. [下载hugo_xxx_Windows-64bit.zip
  2. 解压到D:\Software\hugo\hugo.exe
  3. 把D:\Software\hugo 添加到path(一定别忘了哟)
  4. 重启终端 hugo --version 验证是否安装成功
  5. 快速开始

步骤2:建立新网站

hugo new site myhugo

上面的代码将在名为的文件夹中创建一个新的Hugo网站myhugo

步骤3:添加主题

有关要考虑的主题列表,请参见themes.gohugo.io。本快速入门使用了精美的Ananke主题

cd myhugo
git init
git submodule add https://github.com/budparr/gohugo-theme-ananke.git themes/ananke
echo 'theme = "ananke"' >> config.toml

步骤4:添加一些内容

您可以手动创建内容文件(例如作为content/<CATEGORY>/<FILE>.<FORMAT>)并在其中提供元数据,但是您可以使用该new命令为您做一些事情(例如添加标题和日期):

hugo new posts/my-first-post.md
---
title: "My First Post"
date: 2019-03-26T08:47:11+01:00
draft: true  //草稿
---

步骤5:启动Hugo服务器

不能通过双击文件打开预览,因为他不能使用文件协议预览,所以↓

现在,在启用草稿的情况下启动Hugo服务器:

▶ hugo server -D

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

Total in 11 ms
Watching for changes in /Users/bep/quickstart/{content,data,layouts,static,themes}
Watching for config changes in /Users/bep/quickstart/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 /的新站点。

随意编辑或添加新内容,只需在浏览器中刷新即可快速查看更改(您可能需要在Web浏览器中强制刷新,通常使用Ctrl-R之类的功能)。

步骤6:自定义主题

您的新站点看起来已经不错了,但是在将其发布给公众之前,您需要对其进行一些调整。

网站配置

config.toml在文本编辑器中打开:

baseURL = "https://example.org/"
languageCode = "cn-Hans"
title = "Myhugo开博大吉"
theme = "ananke"

如果您已经准备好域,请设置baseURL。请注意,运行本地开发服务器时不需要此值。

提示:在运行Hugo服务器时,对站点配置或站点中的任何其他文件进行更改,尽管您可能需要清除缓存,但您会立即在浏览器中看到更改。

有关特定于主题的配置选项,请参见主题站点

有关进一步的主题自定义,请参见“ 自定义主题”

步骤7总结

$ cd public
$ git init
$ git remote add origin XXX
$ git add -A
$ git commit -m "first commit"
$ git push -u origin master

相关文章

  • 如何用 hugo 搭建个人博客

    一、进入Hugo官网,点击Quick Start,照着文档内容操作 step1是从安装Hugo开始 从step2到...

  • 如何用 hugo 搭建个人博客

    安装Hugo 1.Mac安装方式 2.Windows安装方式 去Hugo releases页面下载hugo_xxx...

  • 如何用 hugo 搭建个人博客

    第一步:安装Hugo 1.浏览 Hugo 官方的安装指南。 进行初步了解,安装与你的操作系统对应的必要工具。 Hu...

  • 如何用 hugo 搭建个人博客

    Hugo 是由Go语言实现的静态网站生成器。简单、易用、高效、易扩展、快速部署 中文网 1. Hugo安装 Hug...

  • hugo搭建个人博客

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

  • 如何用hugo 搭建博客

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

  • hugo 搭建个人博客

    1. 安装hugo 2. Create a New Site 3. Add a Theme 4. Add Som...

  • Hugo搭建个人博客

    Hugo 主流静态博客框架 搭建个人博客肯定会用到"静态博客框架",比较主流的有Hexo与Hugo。 Hexo是一...

  • 个人博客搭建(hugo)

    一.搭建前提须知: window系统,注册git 账号,本地安装git 1:下载hugo (https:/git...

  • 使用HUGO搭建个人博客

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

网友评论

      本文标题:如何用 hugo 搭建个人博客

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