利用Hugo与GitHub仓库搭建免费的个人博客

保姆级

基于Win10环境下的Hugo免费博客搭建

软件下载

  • Hugo下载地址:Hugo
  • git下载地址:git,建议先注册GitHub账号。
  • 推荐编辑器vs code,下载地址:vs code

配置环境变量

hugo安装完毕后在hugo.exe文件夹中,新建bin文件夹,将hugo.exe放入bin文件夹中

  1. 鼠标右键此电脑,点击属性
    利用Hugo与GitHub仓库搭建免费的个人博客
  2. 点击高级系统设置
    利用Hugo与GitHub仓库搭建免费的个人博客
  3. 点击环境变量
    利用Hugo与GitHub仓库搭建免费的个人博客
  4. 在系统变量中找到path双击进入
    利用Hugo与GitHub仓库搭建免费的个人博客
  5. 确保hugo.exe文件在bin目录下找到安装的hugo的bin文件路径进行复制(git的环境变量配置相同)
    利用Hugo与GitHub仓库搭建免费的个人博客
  6. 在path中点击新建并粘贴;退出时切记点击 确定,否则不会保存环境变量。
    利用Hugo与GitHub仓库搭建免费的个人博客

检验环境变量

win+r输入cmd打开命令行

利用Hugo与GitHub仓库搭建免费的个人博客

在命令行输入hugo version;git version分别查看环境变量是否添加成功,若打印版本号即配置成功,提示error则失败

hugo version
git version

利用Hugo与GitHub仓库搭建免费的个人博客

创建博客文件

跳转到下载hugo的文件夹下;在windows命令行中用磁盘名冒号跳转到对应磁盘,进入文件夹用cd命令

比如我的hugo文件夹在f盘就输入命令 f: 再输入cd 文件夹名称进入目录

f:
cd myblog\hugo_extended_0.55.6_Windows-64bit

利用Hugo与GitHub仓库搭建免费的个人博客

创建站点文件夹

hugo new site myblog

利用Hugo与GitHub仓库搭建免费的个人博客
cd myblog\themes

下载主题

选择喜欢的主题下载,官方主题地址:theme

任意选一个主题,点击Download跳转到该主题的github页面,点击clone or download

利用Hugo与GitHub仓库搭建免费的个人博客

若下载好git可以用命令行克隆(一定要去安装配置好git),复制主题地址进行克隆

在命令行中确保在themes路径下输入git clone (粘贴主题地址),我这里随意选择了一个主题进行下载

git clone https://github.com/darshanbaral/aafu.git

利用Hugo与GitHub仓库搭建免费的个人博客

若还未下载git,点击download ZIP下载压缩包解压到themes文件夹下同时必须重命名删除-master,且一定不要有最外层同名文件夹,使用克隆下载不需要这些步骤

主题下载完成后可以打开themes文件夹->进入主题文件->打开exampleSite文件夹->复制
exampleSite文件夹下的所有文件->返回myblog文件夹粘贴并替换相应文件

利用Hugo与GitHub仓库搭建免费的个人博客

config.toml是网页的配置文件,可根据需要进行配置,相关操作可参考主题下载页面下的文档。

返回上一级目录输入命令: cd ..

cd ..

本地启动博客,在命令行中输入:hugo server -t 主题文件夹名 –buildDrafts (我这里用我下载的主题名举例)

hugo server -t aafu

利用Hugo与GitHub仓库搭建免费的个人博客

复制地址,在浏览器中便可进行访问了

利用Hugo与GitHub仓库搭建免费的个人博客

进入页面此时什么也没有,我们回到终端命令行按CTRL+c退出

新建博客

hugo new post\firstblog.md

利用Hugo与GitHub仓库搭建免费的个人博客

输入命令后返终端返回了新建博客的位置在content/post/fistblog.md路径下

推荐使用vs code编辑markdown文件,在myblog文件夹下空白处单击右键选择以vs code方式打开

利用Hugo与GitHub仓库搭建免费的个人博客

博客为markdown文本格式,使用十分简单方便,网上文档十分多,这里便不再赘述

在vs code中使用CTRL+ ~ 便可打开终端

输入 hugo server命令启动博客,本地查看刚才新建的博客内容

hugo server

将个人博客部署到github存储仓库

在你的github页面点击new
新建一个存储仓库,仓库名称必须是 小写且和github用户名相同

命名格式为your_name.github.io ,随后点击create repository即可创建空仓库,我这里已经创建过,因此有警告标志

利用Hugo与GitHub仓库搭建免费的个人博客

在终端输入以下命令,

hugo --theme=aafu --baseUrl="https://your_name.github.io"

生成public文件,现在要将public文件夹传到github上

cd public
git init
git add .
git commit -m "first commit"
git remote add origin https://github.com/your_name/your_name.github.io.git
注意将命令中的your_name改成你自己的github用户名
git push -u origin master

到此个人博客就部署成功了,在浏览器中输入your_name.github.io即可访问。

Original: https://www.cnblogs.com/left23333/p/16349938.html
Author: Left23333
Title: 利用Hugo与GitHub仓库搭建免费的个人博客

原创文章受到原创版权保护。转载请注明出处:https://www.johngo689.com/582414/

转载文章受原作者版权保护。转载请注明原作者出处!

(0)

大家都在看

  • 从零开始制作一个linux iso镜像

    注入产生的原理: 数据库设置为GBK编码: 宽字节注入源于程序员设置MySQL连接时错误配置为:set character_set_client=gbk,这样配置会引发编码转换从而…

    Linux 2022年9月10日
    0303
  • 016 Linux 卧槽,看懂进程信息也不难嘛?top、ps

    1 扒开看看 top 命令参数详情 第一行,[top – ]任务队列信息 第二行,[Tasks] 任务(进程) 第三行,[Cpu(s)]状态信息 第四行,[Mem]内存…

    Linux 2023年5月27日
    097
  • Java 集合框架

    一、 Collection集合 1.1 集合概述 集合:集合是java中提供的一种容器,可以用来存储多个数据。 数组的长度是固定的。集合的长度是可变的。 数组中存储的是同一类型的元…

    Linux 2023年6月7日
    060
  • zabbix自定义监控进程和日志

    自定义监控 进程 日志 mysql主从状态 mysql主从延迟 自定义监控 进程 [root@client ~]# cd /usr/local/etc/ [root@client …

    Linux 2023年6月7日
    0138
  • jenkins pipeline中获取shell命令的输出

    注入产生的原理: 数据库设置为GBK编码: 宽字节注入源于程序员设置MySQL连接时错误配置为:set character_set_client=gbk,这样配置会引发编码转换从而…

    Linux 2022年9月14日
    0181
  • shell脚本调试方法

    注入产生的原理: 数据库设置为GBK编码: 宽字节注入源于程序员设置MySQL连接时错误配置为:set character_set_client=gbk,这样配置会引发编码转换从而…

    Linux 2022年9月14日
    0150
  • Ubuntu 添加根证书

    注入产生的原理: 数据库设置为GBK编码: 宽字节注入源于程序员设置MySQL连接时错误配置为:set character_set_client=gbk,这样配置会引发编码转换从而…

    Linux 2022年8月26日
    0220
  • 数据库的灾备

    数据是企业重要的生产资料,关键数据的丢失可能会给企业致命一击,因为数据是计算机系统存在的原因和基础。数据往往是不可再生的,一旦发生数据丢失,企业就会陷入困境:客户资料、技术文件、财…

    Linux 2023年6月6日
    077
  • Netty源码解读(三)-NioEventLoop

    先看看EventLoop类图 我们在Netty第二篇文章中的代码中,看到有多次用到eventLoop.execute()方法,这个方法就是EventLoop开启线程执行任务的关键,…

    Linux 2023年6月7日
    070
  • 06-ElasticSearch搜索结果处理

    * package com.coolman.hotel.test; import com.coolman.hotel.pojo.HotelDoc; import com.faste…

    Linux 2023年6月7日
    075
  • 回顾乐信集团工作经历

    2019年入职乐信用户增长部门,负责开发开放平台的需求和合作方技术支持。乐信金融开放平台提供了金融业务API以及配套SDK等组件,为合作商户的产品赋予分期支付和小额贷款能力,子系统…

    Linux 2023年6月6日
    076
  • python获取Windows硬件特征信息

    1.python pip安装WMI 并用pyinstaller编译出device_chk.exe 参考内容:https://blog.csdn.net/fengmm521/arti…

    Linux 2023年6月7日
    063
  • Snap Build Your Own Blocks输入中文解决办法

    Snap Build Your Own Blocks 输入中文解决办法 Snap! (formerly BYOB) is a visual, drag-and-drop progr…

    Linux 2023年6月6日
    068
  • 【根文件系统】根文件系统是什么?

    简介 根文件系统也叫roofs,它不同于FATFS、FAT和EXT4,更像是一个文件夹或者目录。根目录和子目录中会有很多的文件,这些文件时Linux运行所必须的,比如库、常用软件和…

    Linux 2023年6月13日
    069
  • [LINUX] Arch Linux 硬盘拷贝式装系统+新增 home 分区

    注入产生的原理: 数据库设置为GBK编码: 宽字节注入源于程序员设置MySQL连接时错误配置为:set character_set_client=gbk,这样配置会引发编码转换从而…

    Linux 2022年9月10日
    0287
  • Linux and the Device Tree

    注入产生的原理: 数据库设置为GBK编码: 宽字节注入源于程序员设置MySQL连接时错误配置为:set character_set_client=gbk,这样配置会引发编码转换从而…

    Linux 2022年8月13日
    0235
亲爱的 Coder【最近整理,可免费获取】👉 最新必读书单  | 👏 面试题下载  | 🌎 免费的AI知识星球