title: “Hugo博客搭建配置”
date: 2019-10-14T21:30:06+08:00

很早之前就想自己搭建自己的个人博客，手上也有服务器、域名，一直拖到现在才开始做，记录下流程，以免以后忘了

[注释]:(主页显示阅读全文位置)

下载安装hugo

Mac

brew install hugo

安装完查看hugo版本

hugo version

顺带安装上golang

brew install go

安装完查看版本确认安装上

go version

Linux

我用的是ubuntu18.04

sudo apt-get install hugo

使用命令安装可能不是最新版，可以去hugo github网站下载最新版本

#使用wget下载
wget https://github.com/gohugoio/hugo/releases/download/v0.58/hugo_0.58.3_Linux-64bit.deb
#安装sudo dpkg -i hugo_0.58.3_Linux-64bit.deb

顺带安装上golang

sudo apt-get install golang

创建博客

使用命令创建博客

hugo new site myBlog

在myBlog文件夹下会生成以下目录

.
├── archetypes # 存放生成博客的模版
├── assets # 存放被 Hugo Pipes 处理的文件
├── config # 存放 hugo 配置文件 支持 JSON YAML TOML 三种格式配置文件
├── content # 存放 markdown 文件
├── data # 存放 Hugo 处理的数据
├── layouts # 存放布局文件
├── static # 存放静态文件 图片 CSS JS文件
└── themes # 存放主题

下载主题

前往hugo官网下载主题
选择一个主题进入，会有教如何安装下载主题
这是我选的主题Tranquilpeak

#在新建的博客文件夹根目录下
cd themes
git clone https://github.com/kakawait/hugo-tranquilpeak-theme.git

我之前mac更新后使用git出错，查询需要安装xcode插件

xcode-select --install

使用git下载比较慢的情况，建议修改镜像源或者挂VPN，我是使用海外的VPS下载的

博客主题的具体使用修改可以查看用户手册

启动博客

将/themes/hugo-tranquilpeak-theme/exampleSite文件里的config.toml、content、static拷贝到博客根目录下

#博客根目录下
#-i：覆盖既有文件之前先询问用户
#-R/r：递归处理，将指定目录下的所有文件与子目录一并处理
cp -ri ./themes/hugo-tranquilpeak-theme/exampleSite/* ./
#启动服务
hugo server

在游览器中输入http://localhost:1313 就可以查看博客界面

修改配置主题

在博客根目录下找到从主题下拷贝出的config.toml文件对其进行修改，这是我的配置文件config.toml

创建编写博客

将/themes/hugo-tranquilpeak-theme/archetypes文件目录下的文件拷贝到根目录下的archetypes文件夹中

#创建博客
hugo new post/hugo博客.md
.
└── content└── post└── hugo博客.md

在根目录content文件夹下就会生成post/hugo博客.md
我试了下，md文件只有在post文件夹下才会在网页端显示

服务器端安装Apache服务器

在linux服务器上安装Apache服务器

sudo apt-get install apache2
#安装apache文档与实用程序
sudo apt-get install apache2-doc apache2-utils

检测apache运行状态与apache版本

systemctl systemctl status
apache2 -V

更新防火墙，Ubuntu上最常用的防火墙是UFW，要允许通过80（http）和443（https）端口的流量

ufw allow 'Apache Full'

Apache2Buddy是一个可以自动调整 Apache 配置的脚本

curl -sL https://raw.githubusercontent.com/richardforth/apache2buddy/master/apache2buddy.pl | perl

为网站创建一个新的文件夹

#example.com是你的域名
mkdir -p /var/www/example.com/public_html

设置目录权限

chown -R www-data:www-data /var/www/example.com
chmod -R og-r /var/www/example.com

给网站创建一个新的虚拟主机

vim /etc/apache2/sites-available/example.com.conf

黏贴以下内容

#www.example.com是你的域名
<VirtualHost *:80>ServerAdmin admin@example.comServerName example.comServerAlias www.example.comDocumentRoot /var/www/example.com/public_htmlErrorLog ${APACHE_LOG_DIR}/error.logCustomLog ${APACHE_LOG_DIR}/access.log combined
</VirtualHost>

启用虚拟主机

a2ensite example.com.conf

重启apache服务器，使更改生效

systemctl restart apache2

这节内容来自如何在 Ubuntu 上安装和优化 Apache,这片文章中有更详细的apache服务器设置

博客网站上传服务器

hugo --buildDrafts

在根目录下生成一个public文件夹，将public文件夹中的所有内容上传到服务器/var/www/example.com/public_html目录下

添加评论功能

hugo支持多个评论插件，Disqus需要注册账号，比较懒，就选择使用gitment。Disqus请参考Comments
由于我的域名还在备案所以gitment还没做,gitment请参考这个文章Hugo 集成 Gitment 评论插件

参考文章链接

hugo官网
手把手教你从0开始搭建自己的个人博客 |第二种姿势 | hugo
Hugo + Github Pages 搭建个人博客
在Ubuntu 18.04系统中安装和使用Hugo的方法
Hugo 集成 Gitment 评论插件
如何在 Ubuntu 上安装和优化 Apache

Hugo博客搭建配置相关推荐

Hugo 博客搭建教程
前言有了利用 Hexo.docsify.vuepress 等框架来搭建博客的经历之后,我们来今天又来看看 Hugo.Hugo 是一款基于 Go 语言而实现的静态网站生成器,具有简单易用.高效易扩展. ...
史上最全的 Hexo 博客搭建配置完全指南
欢迎到我的博客查看最新文章: https://blog.clouder.im 本篇博客基于 Centos 7.x root 用户. 最近利用 Hexo + Github Pages 搭建了一个博客, ...
Hugo博客部署到腾讯云轻量级服务器
文章目录一.前置条件二.服务器下载nginx 三.防火墙设置四.将静态网页传送到服务器五.申请ssl证书六.配置nginx的nginx.conf文件七.后续发布文章文章内容可能不全面和详 ...
【个人博客】Hexo个人博客搭建与配置详细教程 + Fluid主题 + Gitee发布
文章目录一.环境准备 1.1 安装 NodeJs 1.2 安装 Git 1.3 安装 Hexo 二.Gitee仓库搭建 2.1 Gitee账号注册 2.2 仓库搭建三.Hexo博客搭建 3.1 基 ...
博客搭建十：hugo博客添加友链
交个朋友,为博客添加友链功能(还不完善,显示界面不美观),详情参看https://ziyue.tech/friend/有好的解决办法会继续在这里更新. hugo博客文件架构: 注:以下操作均在你的本地 ...
在Linux系统搭建Hugo博客
简介 Hugo是由Go语言实现的静态网站生成器.简单.易用.高效.易扩展.快速部署. 该篇文章是在Linux/Ubuntu系统下安装搭建 Hugo 博客. 本博客参考了该视频:https://www. ...
【博客搭建2】Sakura主题的配置
提示:该文章适合纯新手,效果可进入我的博客bigdataxy.cc进行查看. [博客搭建2]Sakura主题的配置主题下载安装 github下载安装包相关文件介绍 CDN搭建第一步:创建gith ...
一文教你通过 hexo 搭建自己的个人博客以及配置主题
大家好,我是Smooth,一名大二的前端爱好者,目标成为一名高级前端开发工程师一文从头到尾教你通过 hexo 搭建自己的个人博客以及配置喜欢的主题本篇文章将从头到尾详细地教你如何通过 hexo 搭 ...
hugo本地服务器不显示文章,Windows10本地搭建hugo博客教程 – 有点嫌弃我自己的家庭版系统...
大鸟前面的文章说了如何下载安装Git,安装了肯定是有用的,我们暂时先放在那边,现在大鸟准备在本地的Windows10里面搭建hugo博客. Hugo是由Go语言实现的静态网站生成器.简单.易用.高效. ...
我的个人博客搭建记录
6/13更新绑定个人博客到域名 rebootcat.com 前言本篇博客旨在备忘,并记录了自己折腾了3,4天后顺利搭建自己的个人博客过程中碰到的一部分问题. 搭建个人独立博客有很多种方法,我暂时采 ...

Hugo博客搭建配置