Hugo中文文档 快速开始
Hugo中文文档 快速开始
安装Hugo
1. 二进制安装(推荐:简单、快速)
到 Hugo Releases 下载对应的操作系统版本的Hugo二进制文件(hugo或者hugo.exe)
Mac下直接使用 Homebrew
安装:
brew install hugo
2. 源码安装
源码编译安装,首先安装好依赖的工具:
- Git
- Mercurial
- Go 1.3+ (Go 1.4+ on Windows)
设置好 GOPATH
环境变量,获取源码并编译:
$ export GOPATH=$HOME/go
$ go get -v github.com/spf13/hugo
源码会下载到 $GOPATH/src
目录,二进制在 $GOPATH/bin/
如果需要更新所有Hugo的依赖库,增加 -u
参数:
$ go get -u -v github.com/spf13/hugo
生成站点
使用Hugo快速生成站点,比如希望生成到 /path/to/site
路径:
$ hugo new site /path/to/site
这样就在 /path/to/site
目录里生成了初始站点,进去目录:
$ cd /path/to/site
站点目录结构:
▸ archetypes/▸ content/▸ layouts/▸ static/config.toml
创建文章
创建一个 about
页面:
$ hugo new about.md
about.md
自动生成到了 content/about.md
,打开 about.md
看下:
+++
date = "2015-10-25T08:36:54-07:00"
draft = true
title = "about"+++正文内容
内容是 Markdown
格式的,+++
之间的内容是 TOML 格式的,根据你的喜好,你可以换成 YAML 格式(使用 ---
标记)或者 JSON 格式。
创建第一篇文章,放到 post
目录,方便之后生成聚合页面。
$ hugo new post/first.md
打开编辑 post/first.md
:
---
date: "2015-10-25T08:36:54-07:00"
title: "first"---### Hello Hugo1. aaa1. bbb1. ccc
安装皮肤
到 皮肤列表 挑选一个心仪的皮肤,比如你觉得 Hyde
皮肤不错,找到相关的 GitHub
地址,创建目录 themes
,在 themes
目录里把皮肤 git clone
下来:
# 创建 themes 目录
$ cd themes
$ git clone https://github.com/spf13/hyde.git
运行Hugo
在你的站点根目录执行 Hugo
命令进行调试:
$ hugo server --theme=hyde --buildDrafts
(注明:v0.15 版本之后,不再需要使用 --watch
参数了)
浏览器里打开: http://localhost:1313
部署
假设你需要部署在 GitHub Pages
上,首先在GitHub上创建一个Repository,命名为:coderzh.github.io
(coderzh替换为你的github用户名)。
在站点根目录执行 Hugo
命令生成最终页面:
$ hugo --theme=hyde --baseUrl="http://coderzh.github.io/"
(注意,以上命令并不会生成草稿页面,如果未生成任何文章,请去掉文章头部的 draft=true
再重新生成。)
如果一切顺利,所有静态页面都会生成到 public
目录,将pubilc目录里所有文件 push
到刚创建的Repository的 master
分支。
$ cd public
$ git init
$ git remote add origin https://github.com/coderzh/coderzh.github.io.git
$ git add -A
$ git commit -m "first commit"
$ git push -u origin master
浏览器里访问:http://coderzh.github.io/
Hugo中文文档 快速开始相关推荐
- rancher 启动命令_Rancher 中文文档 —— 快速入门指南
快速入门指南 在本指南中,我们将在一台 Linux 主机上安装 Rancher. 准备一台 Linux 主机 准备一台Linux主机: 使用64位的Ubuntu 16.04,必须有3.10+的内核 至 ...
- Apache Spark 2.2.0 中文文档 - 快速入门 | ApacheCN
快速入门 使用 Spark Shell 进行交互式分析 基础 Dataset 上的更多操作 缓存 独立的应用 快速跳转 本教程提供了如何使用 Spark 的快速入门介绍.首先通过运行 Spark 交互 ...
- Bootstrap 一篇就够 快速入门使用(中文文档)
目录 一.Bootstrap 简介 什么是 Bootstrap? 历史 为什么使用 Bootstrap? Bootstrap 包的内容 在线实例 Bootstrap 实例 更多实例 Bootstrap ...
- keras中文文档学习笔记—快速上手keras
keras的核心数据结构是"model",其中最主要的是Sequential模型: Sequential模型调用 from keras.model import Sequentia ...
- 【Scikit-Learn 中文文档】数据集加载工具 - 用户指南 | ApacheCN
中文文档: http://sklearn.apachecn.org/cn/stable/datasets/index.html 英文文档: http://sklearn.apachecn.org/en ...
- Scikit-Learn 中文文档】数据集加载工具 - 用户指南 | ApacheCN
中文文档: http://sklearn.apachecn.org/cn/stable/datasets/index.html 英文文档: http://sklearn.apachecn.org/en ...
- 【Scikit-Learn 中文文档】40 数据集加载工具 - 用户指南 | ApacheCN
中文文档: http://sklearn.apachecn.org/cn/stable/datasets/index.html 英文文档: http://sklearn.apachecn.org/en ...
- 【Scikit-Learn 中文文档】四十:数据集加载工具 - 用户指南 | ApacheCN
中文文档: http://sklearn.apachecn.org/cn/stable/datasets/index.html 英文文档: http://sklearn.apachecn.org/en ...
- springboot中文文档_登顶 Github 的 Spring Boot 仓库!艿艿写的最肝系列
源码精品专栏 中文详细注释的开源项目 RPC 框架 Dubbo 源码解析 网络应用框架 Netty 源码解析 消息中间件 RocketMQ 源码解析 数据库中间件 Sharding-JDBC 和 My ...
最新文章
- 用计算机源码计算加法,MFC实现简单计算器(支持加减乘除和括号运算)
- golang 字符串 去除最后一个字符
- springmvc4 ajax 406,Spring4 MVC 中,jQuery ajax (406 Not Acceptable)
- db2界面调用存储过程_第三章 操作系统用户界面
- ndroid中View.inflate()
- 将米转换为度(经纬度) 画圆上下多出来一些区域
- python可以给你干什么-Python可以用来做什么 为你揭开python神秘面纱
- paip.提升性能--多核编程中的java .net php c++最佳实践 v2.0 cah
- ant 日期组件中文_Vue3开源组件库,今天“它们”来了
- 优秀的穿越机玩家们看过来,你们现在拥有进入DRL2018赛季的机会了
- 路由器的路由选择协议详解
- texture packer 处理图片空白的问题
- zabbix微信报警
- 谷歌突然宣布!百度、滴滴懵了
- 1628:完成基于脚本的安装失败(手把手教学)
- python加权最小二乘_如何计算加权最小二乘法的样本权重?
- zz 用chrome模拟各种手机
- pandas 处理缺失值[dropna、drop、fillna]
- oracle trim函数用法详解
- 视频教程-系统集成项目管理工程师考试-项目管理部分大全-软考