Begin
前言
这是2025年决定折腾blog,建站完成后的第一篇文章,来碎碎念记录一下
blog采用了hugo+stack主题,对这块相关的原理和语言,不可以说是理论荒漠吧,至少是一窍不通。大部分都是参考网上的教程,这里感谢xxx和XXX两位大佬。
搭建过程
下载
hugo 可以访问官网,下载zzzz
顺便去取theme页面下载stack主题
本地搭建
选择一个存储位置作为blog的存放目录<不要在桌面>
1.hugo 新建站点
cmd 进入该路径,输入
blog 可以替换为你想新建的站点目录
新建完成后可见站点目录(root目录,如有在ROOT下添加文件则在此目录下添加)
2.hugo 本地测试
将hugo.exe文件复制进blog目录
CMD 进入该目录
将stack主题压缩包,解压至theme下
example文件夹下存放主题测试文件,将其中文件复制到root文件夹下直接覆盖
cmd 运行
note: 此处若提示远程文件无法访问或者下载,则需要挂载魔法
打开浏览器 访问 https:\\localhost:1313 <CMD窗口会提示> 即可查看
推送github及自动搭建
1.下载GIT,安装git就不多讲了讲一个坑,win系统下和linux系统下回车符号不一样
有可能因为此原因导致本地元素正常加载,推送到github后加载资源异常
<git add 时 会报错>
解决方案:运行以下代码
1
|
git config --global core.autocrlf false
|
2.搭建推送仓库
登录Github
新建仓库
仓库设置
本地设置
推送本地文件到仓库
3.搭建页面仓库
新建仓库
仓库设置
前面设置正确的话此处会由推送仓库部署到这里,需要等几分钟
域名
1。注册域名
2.添加解析记录
3.等待1天
主题美化
此处参考XXXblog进行美化不在赘述
第一篇文章
1.新建文章
1
|
hugo new post \testblog\test.md
|
会在content\post 目录下新建testblog文件夹,新建test.md文件
2.编写文章
此处需要学习MARKDOWN语法,自行学习
随便打句话,
note: 关于图片和其他资源
图片等blog中引用的资源需要放在staic文件夹下才能加载,
如果使用图床则添加图片链接即可
