个人博客搭建(hugo)

一.搭建前提须知:

window系统,注册git 账号,本地安装git

1:下载hugo (https:/github,com/gohugoio/hugo/releases),解压。
2:设置hugo的环境变量和系统变量

  1. cmd --输入命令: hugo version

  2. 创建站点 --输入命令:hugo new site blog(blog 文件夹名称)

  3. 下载博客需要的主题模板 (themes.gohugo.io)

6,点击进入主题,可看到下载主题对应的命令。

eg:
企业微信截图_16146666801377.png

7.进图blog目录下,输入下载命令,下载完后查看,主题是否下载成功,输入命令:cd themes/,可看是否有对应主题名称

8.在blog目录下,启动博客,输入命令:hugo server -t 主题名称 --buildDrafts
9.输入启动命令后,回车,

企业微信截图_16146671088109.png

10.可访问http://localhost:1313
11.创建文档: hugo new post/blog.md
12.进入cd content/post 目录下,柯查看创建文件blog.md
13.可用vscode打开blog.md。
14.用Marketdown写法编辑博客内容,并保存。
15.返回到站点目录(blog)下,输入启动命令,hugo server -t m10c(主题名称) --buildDrafts

二.本地博客部署到git上

1.pc端登录git官网,登录自己的账号,重新创建一个仓库。
注意:部署博客创库的名字要和git 昵称一样

企业微信截图_16146726692439.png

2.创建成功后,在站点目录下,关联远端地址,输入命令:
hugo --theme=1m10c --baseUrl="https://********.github.io/" --buildDrafts

(https://********.github.io 为仓库地址)
3.成功后,在站点目录下生成一个public 文件
4.把public 文件夹传到github仓库上。进入public 目录,输入命令: git init
5.输入命令:git add
6.输入命令:git commit -m "提交备注"
7.本地public文件和git进行关联,输入命令:
git remote add origin https://gitbub.com/******(git名称)/******.github.io(仓库名称).git
8.git push -u origin master

你可能感兴趣的:(个人博客搭建(hugo))