目录

使用 Hugo 搭建博客

安装

  • macos
1
brew install hugo
  • linux
1
下载: https://github.com/gohugoio/hugo/releases/latest

创建站点

1
2
3
4
hugo new site yuancoder-hugo
cd yuancoder-hugo 
git init
hugo server -D

安装主题

1
2
git submodule add https://github.com/dillonzq/LoveIt.git themes/LoveIt
echo "theme = 'LoveIt'" >> config.toml

目录结构

 1
 2
 3
 4
 5
 6
 7
 8
 9
10
11
yuancoder/
├── archetypes/                 # 内容模版目录
│   └── default.md              # 默认的内容模板
├── assets/                     # 存储所有需要 Hugo Pipes 处理的文件。
├── content/                    # 写的 markdown 文件都在这里
├── data/                       # 数据模板目录
├── layouts/                    # 布局模板文件目录,存放 .html 布局模板文件
├── public/                     # 生成静态站点的文件输出目录
├── static/                     # 静态资源存放目录, 其它脚本、图像、CSS 等
├── themes/                     # 主题目录
└── config.toml                 # 站点配置

添加文章

1
hugo new posts/my-first-post.md

站点配置

1
2
参考配置文件: ./themes/LoveIt/exampleSite/config.toml 
修改配置文件: ./config.toml

发布站点

1
hugo

hugo 命令执行完后会在 ./public 目录下生成所有静态的页面和资源。 直接部署 public 目录即可。

百度统计

直接在 ./config.toml 配置文件页面底部信息 custom 中增加统计代码即可

1
2
3
4
5
6
7
 # Footer config
  # 页面底部信息配置
  [params.footer]
    enable = true
    # Custom content (HTML format is supported)
    # 自定义内容 (支持 HTML 格式)
    custom = "这里可以添加统计代码"

使用 Rsync 部署

1
rsync -avz --delete public/ www-data@yourserver:/www/