hugo博客创建流程

type
status
date
slug
summary
tags
category
icon
password
💡
这是去年使用hugo搭建博客的流程,记录下。
工作流:hugo生成静态页面>git推送到网上

最简流程

安装Hugo

  • 如何看是否安装成功:打开cmd>hugo version

安装git

利用Hugo创建自己的博客

进入到适合路径运行git bash或运行cd到相应路径
hugo new site myblog #myblog为自己设定的文件夹名字,
如无特殊说明,以下命令都是在myblog文件夹下输入的
可以进入文件夹看到已经创建好了

下载主题

https://themes.gohugo.io/选择自己喜欢的主题(这里以m10c为例)
方法一:下载压缩包,解压到themes
方法二:cd myblog
可以看到themes文件夹下有m10c

应用主题,用hugo serve本地预览

启动博客命令,输入 hugo server -t m10c --buildDrafts 可打开http://localhost:1313查看网站已经搭建好。网站会一直存在,CTRL+C结束。

创建文章

第一次:hugo new post/blog.md
创建在了content下的post下的文件,md为markdown文件
以后:直接在文件夹下增添或修改md文件即可
可再输入:hugo server -t m10c --buildDrafts 网站会更新,因为你增添了新的内容。但是是搭载在本地。

把博客部署到远端GitHub上

(1)创建仓库,命名为:chianyoung.github.io(前面替换为你自己的)
notion image
(2)hugo --theme=m10c --baseUrl="地址" --buildDrafts 成功后根目录生成一个public文件夹
(3)将public上传到github仓库上
  • git init
  • git add .
  • git commit -m”提交的备注信息”
(4)将本地public和远端GitHub关联

进阶:个性化你的博客

利用主题模板:

将themes文件夹下的相应的主题文件夹下下exampleSite的config.toml文件复制替换根目录下的相应文件。

通过设置配置文件个性化博客

(1) 修改主题:Add this line in the config.toml file:theme = "m10c”
(2) 编辑博客文章:推荐使用Typora编辑,利用Markdown语言。
(3) 更新博客内容到远端

根目录说明

常见问题

  • 第一次push会让输入账号密码。自行google搜索
  • hugo_extended and hugo
  • warning: LF will be replaced by CRLF回车换行符*
  • git branch -M main 把主分支的名字从 master 改为 main
     
    利用notion搭建博客 Markdown语法学习
    Loading...
    Catalog