跳转至

使用hugo搭建静态博客网站

hugo是使用go语言编写的快速搭建静态博客的工具。 1. 安装 我使用的系统是Ubuntu20.04LTS.非root也可以安装，我选择root安装。 apt-get install hugo #安装完成 2. 创建站点

mkdir hugo1
#创建一个新的站点存放目录是hugo1
hugo new site hugo1
  1. 下载模板文件
cd hugo1
git init
git submodule add https://github.com/budparr/gohugo-theme-ananke.git themes/ananke

如果你没有安装 git，你可以从以下地址下载 此主题的最新版本： https://github.com/budparr/gohugo-theme-ananke/archive/master.zip 解压 .zip 文件，获得 “gohugo-theme-ananke-master” 目录。 将该目录重命名为 “ananke”，并将其移动到 “themes/” 目录。

将主题添加到站点的配置文件中：

echo 'theme = "ananke"' >>config.toml

  1. 添加内容 hugo new posts/my-first-post.md

  2. 启动hugo服务器

hugo server -D  #draft 代表处于开启状态

打开http://127.0.0.1:1313 即可看到初始化的网站界面

  1. 自定义主题 用文本编辑器打开config.toml 根据自己的实际情况编辑地址，如果修改为自己的域名
baseURL = "https://qiuzhi.cloud/"
languageCode = "zh-cn"
title = "我的博客站点"
theme = "ananke"
  1. 构建静态页面 hugo -D

参考地址

修改主题配置文件

我的博客系统配置使用方法

1.博客基于hugo开发的，位于/mnt/e/hugo/目录下。 需要注意博客的书写语言是makedown,书写目录和上传目录不是同一个文件夹

  • 写博客 hugo new posts/my blog.md
    博客的md文件所在的目录是/mnt/e/hugo/content/posts/
  • 构建静态页面 hugo -D
  • 上传静态文件到服务器/var/www/html/目录 本地静态文件的位置 /mnt/e/hugo/public/ 服务器端对应目录/var/www/html/ 主要文件夹posts和images posts存放网站html文件 images存放图片

上传静态文件到远程服务器

远程服务器地址：23.Xx.XXX.58 用户是root 目录就是我上一篇写的Ubuntu20.04安装的LAMP服务器的Apache的目录。设置好域名解析到上述ip地址即可正常访问了。 rsync -P --rsh=ssh /mnt/e/hugo/public/posts/tools/2018年好用软件推荐 root@23.XX.XXX.58:/var/www/html/posts/tools/2018年好用软件推荐

关于模板修改

需要修改的地方比较多，有时间再修改。

回到页面顶部