8.4 KiB

Raw Blame History

安装Hugo

在CentOS上安装Hugo的步骤如下：

更新系统包：
```
sudo yum update -y
```
安装依赖包：
```
sudo yum install -y git gcc
```

下载Hugo的最新版本：查看最新版本

curl -s https://api.github.com/repos/gohugoio/hugo/releases/latest | grep '"tag_name":' | sed -E 's/.*"([^"]+)".*/\1/'


wget https://github.com/gohugoio/hugo/releases/download/v0.142.0/hugo_0.142.0_Linux-64bit.tar.gz

请将0.XX.0替换为最新的Hugo版本号。

解压下载的文件：

tar -zxvf hugo_extended_0.XX.0_Linux-64bit.tar.gz

tar -zxvf hugo_0.142.0_Linux-64bit.tar.gz

将Hugo二进制文件移动到系统路径中：

sudo mv hugo /usr/local/bin/

mv hugo /usr/bin/

验证安装是否成功：
```
hugo version
```

在具体目录执行命令创建blog站点

 hugo new site myblog

目录结构

 ├── archetypes
 │   └── default.md
 ├── hugo.toml         # 博客站点的配置文件
 ├── content             # 博客文章所在目录
 ├── data                
 ├── layouts             # 网站布局
 ├── static              # 一些静态内容
 └── themes              # 博客主题

文章就放在content目录下的posts中，只需要按照Markdown格式编写，hugo就会读取到文章然后展示在博客中。

安装主题：

mkdir myblog
cd myblog
mkdir themes
cd themes
git clone https://github.com/zhaohuabing/hugo-theme-cleanwhite.git
cp -r hugo-theme-cleanwhite/exampleSite/** ../
cd ..
hugo server

在myblog 目录下使用git 命令来下载主题

cd myblog 

git clone https://github.com/Track3/hermit.git ./themes/hermit

git clone https://github.com/alanorth/hugo-theme-bootstrap4-blog.git themes/hugo-theme-bootstrap4-blog

下载下来的主题会放在themes 目录中：

└── hugo-theme-bootstrap4-blog
 ├── CHANGELOG.md
 ├── LICENSE.txt
 ├── README.md
 ├── archetypes
 ├── assets
 ├── exampleSite         # 本主题示例内容
 |      ├── content      # 示例博客文章
 │      |-- static
 │      |-- config.toml  # 本主题配置
 ├── i18n
 ├── images
 ├── layouts
 ├── package-lock.json
 ├── package.json
 ├── screenshot.png
 ├── source
 ├── theme.toml      
 └── webpack.config.js

将exampleSite 目录中的内容，复制到博客根目录myblog 中，在myblog 目录中执行命令：
```bash
cp themes/hugo-theme-bootstrap4-blog/exampleSite/* ./ -r
```

下载、解压 Go 语言：

wget https://golang.org/dl/go1.18.linux-amd64.tar.gz

sudo tar -C /usr/local -xzf go1.18.linux-amd64.tar.gz

设置 Go 环境变量：编辑你的 shell 配置文件（如 ~/.bashrc 或 ~/.profile），添加以下行：
```
export PATH=$PATH:/usr/local/go/bin
```
加载新的环境变量：
```
source ~/.bashrc
```
或者
```
source ~/.profile
```
验证 Go 安装：
```
go version
```
更改配置

# Hugo 属性设置

# 网站地址
baseurl = "https://sayings.wantsong.life/" 

# 网站语言
languageCode = "en-us"              

# 网站title
title = "强哥语录"                   

# 主题的名字，这个要跟myblog/themes 目录中的子目录的目录名一致
theme = "hugo-theme-bootstrap4-blog"    

# home/category/tag 页面显示的文章数 (Default: 10)
paginate = 5

# home/category/tag 页面用于摘要的字数 (Default: 70)
summaryLength = 50

# optionally override the site's footer with custom copyright text
# copyright = "Except where otherwise noted, content on this site is licensed under a [Creative Commons Attribution 4.0 International license](https://creativecommons.org/licenses/by-sa/4.0/)."
#googleAnalytics = "UA-123-45"
#disqusShortname = "XYW"

# 博客链接的路径格式
[permalinks]
  posts = "/:year/:month/:title/"
  page = "/:slug/"

# 顶部栏
[[menu.navbar]]
  name = "首页"
  url = "http://localhost:1313"

# 侧边栏，可以写多个
[[menu.sidebar]]
  name = "新浪"
  url = "https://www.sina.com"

[[menu.sidebar]]
  name = "Github"
  url = "https://github.com"

# Theme 属性设置
#
[params]
  # Site author
  author = "作者名"

  # homepage 页描述信息
  description = "我的博客站点"

  # Show header (default: true)
  #header_visible = true

  # Format dates with Go's time formatting
  date_format = "Mon Jan 02, 2006"

  # verification string for Google Webmaster Tools
  #google_verify_meta = "BAi57DROASu4b2mkVNA_EyUsobfA7Mq8BmSg7Rn-Zp9"

  # verification string for Bing Webmaster Tools
  #bing_verify_meta = "3DA353059F945D1AA256B1CD8A3DA847"

  # verification string for Yandex Webmaster Tools
  #yandex_verify_meta = "66b077430f35f04a"

  # Optionally display a message about the site's use of cookies, which may be
  # required for your site in the European Union. Set the parameter below to a
  # page where the user can get more information about cookies, either on your
  # site or externally, for example:
  #cookie_consent_info_url = "/cookie-information/"
  #cookie_consent_info_url = "http://cookiesandyou.com"

  # show sharing icons on pages/posts (default: true)
  #sharingicons = true

  # Display post summaries instead of content in list templates (default: true)
  #truncate = true

  # Disable the use of sub-resource integrity on CSS/JS assets (default: false)
  # Useful if you're using a CDN or other host where you can't control cache headers
  #disable_sri = false

  [params.sidebar]
    # Optional about block for sidebar (can be Markdown)
    about = "我的博客[简单示例](http://localhost:1313/)."

    # 侧边栏显示最近几条文章 (Default: 5)
    #num_recent_posts = 2

  [params.social]
    # Optional, used for attribution in Twitter cards (ideally not a person
    # for example: nytimes, flickr, NatGeo, etc).
    # See: https://dev.twitter.com/cards/types/summary-large-image
    twitter = "username"

# Default content language for Hugo 0.17's multilingual support (default is "en")
# See: https://github.com/spf13/hugo/blob/master/docs/content/content/multilingual.md
#DefaultContentLanguage = "en"

# Languages to render
#[languages.en]
#[languages.bg]
  # Bulgarian date format is dd.mm.yyyy
  #date_format = "02.01.2006"

# vim: ts=2 sw=2 et

设置 baseURL：编辑 Hugo 配置文件（config.toml、config.yaml 或 config.json），找到 baseURL 参数并设置为你的网站 URL。例如，如果你使用的是 config.toml 文件：
```
baseURL = "https://yourdomain.com/"
```
删除 public 文件夹：
```
rm -rf public
```
重新生成网站内容：运行 Hugo 命令重新生成网站内容：
```
hugo
```
重新启动 Hugo 服务：
```
hugo server
```
停止 Hugo 服务：
```
ps aux | grep hugo
kill <PID>
```
将 <PID> 替换为实际的进程 ID。
编写博客文章

你只需要按照Markdown 的格式编写自己的文章，让后将写好的文章放在myblog/content/posts，hugo 就会读取到这片文章，并将这片文章展示在比的博客中。

与普通Markdown 文章不一样的地方是，你需要在文章的开头写入如下结构的内容，这些内容包含在三杠线之间，在三杠线下边就是Markdown 的正文了：


---
文章属性内容
---
Markdown 正文

这些内容会被hugo 解析，作为当前文章的一些属性，常用的属性如下：

---
title: "文章标题"           # 文章标题
author: "作者"              # 文章作者
description : "描述信息"    # 文章描述信息
date: 2015-09-28            # 文章编写日期
lastmod: 2015-04-06         # 文章修改日期

tags = [                    # 文章所属标签
    "文章标签1",
    "文章标签2"
]
categories = [              # 文章所属标签
    "文章分类1",
    "文章分类2",
]
keywords = [                # 文章关键词
    "Hugo",
    "static",
    "generator",
]

next: /tutorials/github-pages-blog      # 下一篇博客地址
prev: /tutorials/automated-deployments  # 上一篇博客地址
---

8.4 KiB Raw Blame History Unescape Escape

安装Hugo

8.4 KiB

Raw Blame History