使用hugo搭建静态博客网站
hugo是使用go语言编写的快速搭建静态博客的工具。
- 安装
我使用的系统是Ubuntu20.04LTS.非root也可以安装,我选择root安装。
apt-get install hugo
#安装完成 - 创建站点
mkdir hugo1
#创建一个新的站点存放目录是hugo1
hugo new site hugo1
- 下载模板文件
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
-
添加内容
hugo new posts/my-first-post.md
-
启动hugo服务器
hugo server -D #draft 代表处于开启状态
打开http://127.0.0.1:1313 即可看到初始化的网站界面
- 自定义主题
用文本编辑器打开config.toml
根据自己的实际情况编辑地址,如果修改为自己的域名
baseURL = "https://qiuzhi.cloud/"
languageCode = "zh-cn"
title = "我的博客站点"
theme = "ananke"
- 构建静态页面
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年好用软件推荐
关于模板修改
需要修改的地方比较多,有时间再修改。
网友评论