美文网首页
用 Hugo 快速搭建博客

用 Hugo 快速搭建博客

作者: 不吃_早餐 | 来源:发表于2020-05-13 23:25 被阅读0次

用Hugo搭建博客

Hugo 是一个用Go编写的静态站点生成器,生成速度很快
下面是具体操作:

1.安装 Hugo

Windows用户

使用Chocolatey或者Scoop快速安装,取决于你使用什么包管理

choco install hugo -confirm
scoop install hugo

也可以到 https://github.com/gohugoio/hugo/releases 下载对应的操作系统版本的Hugo二进制文件!

把 hugo.exe 所在目录添加到系统变量里, hugo version 可查看是否添加成功!

Mac用户

直接用 Homebrew 安装

brew install hugo

Linux用户

这里就不多说了

基于Debian的 :sudo apt-get install hugo
基于ArchLinux的 :sudo pacman -S hugo

2.生成站点

比如新建一个myblog的网站:

hugo new site myblog

也就一瞬间完成的事,此时生成了一个文件名为 myblog 的文件夹

然后到 Hugo Theme 选一个主题

https://themes.gohugo.io/


Hugo-Theme

比如这个 "Jane"


Hugo-Theme-jane

其实每个主题里面都有教程,这里实际操作一下

1.切换到 myblog 目录

cd myblog

把主题克隆下来 , 需要用到 git ,如果没有自行安装一下

git clone https://github.com/xianmin/hugo-theme-jane.git --depth=1 themes/jane

2.然后新建一篇文章试试效果

hugo new post/blog.md

随便在里面写点东西,这里需要你会 markdown 语法,其实也不难,半天就能学会


【【 如果你懒,也可以把主题文件夹里的示例复制过来 】】

cp -r themes/jane/exampleSite/content ./

3.把主题里的配置文件复制到myblog的配置文件下,就是config.toml这玩意儿

cp themes/jane/exampleSite/config.toml ./

好,现在可以把博客在本地运行起来了

hugo server -t jane --buildDrafts

3.把博客放到远端仓库

Github 是个免费仓库,用它就完事了

当然需要你先在 github 上注册一下

完事之后,登录你的 github


新建一个仓库,存放你的博客

New Repositories


Repository name 格式要求:用户名.github.io (用户名小写)


别的不用管,下面直接点Create Repository


生成 public 文件夹

在终端下输入(myblog目录下)

hugo --theme=jane --baseUrl="https://用户名.github.io" --buildDrafts

这时候会生成一个 public 文件夹

把这个public文件夹推送到 github 仓库就完事啦~

public 文件夹推送到 Github

// 下面依次输入:

cd public
git init
git add -A
git commit -m "提交的备注"

如果是第一次使用 git ,途中他会提示让你配置一下

  //设置用户邮箱  
git config --global user.email "你的github邮箱"  
  //设置用户名  
git config --global user.name "你的github用户名"

跟远端关联 (也就是你的github地址 / 仓库地址)

git remote add origin https://github.com/用户名/用户名.github.io.git

然后,推到远端

git push -u origin master

需要输入用户名和密码

完事


以后访问博客就用下面的地址:

用户名.github.io

4.常用命令总结 :

在你的博客根目录下(blog)

创建一篇新文章
hugo new post/example.md
---
重新生成 public 文件夹
hugo
---
进入 public 文件夹
cd public
---
依次输入
git init
git add .
git commit -m "提交的备注"
---
部署到远端
git push

_The End

相关文章

  • 用 Hugo 快速搭建博客

    用Hugo搭建博客 Hugo 是一个用Go编写的静态站点生成器,生成速度很快下面是具体操作: 1.安装 Hugo ...

  • 使用hugo搭建静态博客网站

    使用hugo搭建静态博客网站 hugo是使用go语言编写的快速搭建静态博客的工具。 安装我使用的系统是Ubuntu...

  • 用Hugo快速搭建个人静态博客

    最近心血来潮,想要重新折腾一番自己的博客。于是,发现了Hugo比之前使用的Jekyll更好用。本文是个人参照Hug...

  • 用hugo搭建个人博客

    这几天研究了用hugo搭建个人博客。 简单的整理了一下。 1.安装hugo(windows 请查看官网介绍 htt...

  • hugo搭建个人博客

    hugo搭建个人博客 1. hugo的安装 windows下hugo的安装 在hugo的官网下载 hugo 的二进...

  • 雨果(hugo)快速搭建静态博客

    —————————菜鸟版教程 2019-06-1———————————1.Hugo介绍2.Hugo安装(Win...

  • 如何用hugo 搭建博客

    1,Hugo 简介 搭建个人博客有很多开源的博客框架,我们要介绍的框架叫作Hugo。Hugo 是一个基于Go 语言...

  • hugo搭建博客

    1. 二进制安装(推荐:简单、快速) Windows: 到 Hugo Releases 下载对应的操作系统版本的H...

  • Hugo搭建个人博客

    Hugo 主流静态博客框架 搭建个人博客肯定会用到"静态博客框架",比较主流的有Hexo与Hugo。 Hexo是一...

  • Hugo配合GitHub搭建博客(Windows 10)

    Hugo配合GitHub搭建博客(Windows 10) 前提:会Git和GitHub安装git安装hugo 安装...

网友评论

      本文标题:用 Hugo 快速搭建博客

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