基于Hugo搭建的个人博客

文章目录

    • 我的博客地址:https://enriqueliu.github.io/
  • 一、Hugo下载安装
  • 二、搭建博客
    • 生成site目录
    • 选择主题
    • 本地测试
  • 三、写一篇博客
  • 四、部署github
    • 创建仓库
    • 生成public目录
    • 远程访问
  • 五、可能遇到的问题
    • 错误1
    • 错误2

我的博客地址:https://enriqueliu.github.io/

一、Hugo下载安装

由于github中下载的地址比较慢, 微云分享 hugo_0.69.2_Windows-64bit
下载后解压将 hugo.exe 的目录添加到环境变量
检查是否安装——》打开powershell——》输入"hugo version"
基于Hugo搭建的个人博客_第1张图片

二、搭建博客

生成site目录

打开powershell

hugo new site myblog

此时会生成

└─myblog
    ├─archetypes
    ├─content
    ├─data
    ├─layouts
    ├─static
    └─themes

config.toml是配置文件,自定义博客标题、地址等

选择主题

前往 themes.gohugo.io 挑选自己喜欢的主题,下载后放到目录themes/
将主题中的配置文件config.toml替换myblog目录的config.toml文件。倘若想省心的话把 exampleSite 目录下的全部文件复制到 myblog 目录下
基于Hugo搭建的个人博客_第2张图片

本地测试

hugo sever
基于Hugo搭建的个人博客_第3张图片
浏览器输入这个地址进行访问

三、写一篇博客

基于Hugo搭建的个人博客_第4张图片
文章在content\blog目录下
新建一个.md文档进行编写,需学习markdown的写法

四、部署github

创建仓库

基于Hugo搭建的个人博客_第5张图片
仓库命名按照.github.io,不然会无法访问(404警告)

生成public目录

hugo --baseUrl="https://.github.io"
打开public目录,将public下的文件推送到远程仓库

git init
git add .
git commit -m "first commit"
git remote add origin <仓库http> 
git push -u origin master

远程访问

https://.github.io

五、可能遇到的问题

错误1

基于Hugo搭建的个人博客_第6张图片
这时只需将配置文件 config.toml 这行 themesdir = “…/…/” 删掉再hugo server即可

错误2

基于Hugo搭建的个人博客_第7张图片
将这个 rich-content.md 文档删掉再hugo server即可

你可能感兴趣的:(笔记,github)