美文网首页
使用hugo搭建静态博客网站

使用hugo搭建静态博客网站

作者: wo_monic | 来源:发表于2020-09-03 11:12 被阅读0次

    使用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年好用软件推荐

    关于模板修改

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

    相关文章

      网友评论

          本文标题:使用hugo搭建静态博客网站

          本文链接:https://www.haomeiwen.com/subject/deunsktx.html