使用hugo搭建静态博客网站

使用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/
    主要文件夹postsimages
    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年好用软件推荐

关于模板修改

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

©著作权归作者所有,转载或内容合作请联系作者
【社区内容提示】社区部分内容疑似由AI辅助生成,浏览时请结合常识与多方信息审慎甄别。
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

友情链接更多精彩内容