Featured image of post 第一篇

第一篇

Begin

前言

这是2025年决定折腾blog,建站完成后的第一篇文章,来碎碎念记录一下
blog采用了hugo+stack主题,对这块相关的原理和语言,不可以说是理论荒漠吧,至少是一窍不通。大部分都是参考网上的教程,这里感谢xxx和XXX两位大佬。

搭建过程

下载

hugo 可以访问官网,下载zzzz
顺便去取theme页面下载stack主题

本地搭建

选择一个存储位置作为blog的存放目录<不要在桌面>
1.hugo 新建站点 
    cmd 进入该路径,输入 
1
      hugo new site blog
    blog 可以替换为你想新建的站点目录
    新建完成后可见站点目录(root目录,如有在ROOT下添加文件则在此目录下添加)
2.hugo 本地测试
    将hugo.exe文件复制进blog目录
    CMD 进入该目录
    将stack主题压缩包,解压至theme下
    example文件夹下存放主题测试文件,将其中文件复制到root文件夹下直接覆盖
    cmd 运行
1
hugo server -D
    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文件夹下才能加载,
        如果使用图床则添加图片链接即可

IMGH1

最后更新于 2025-02-07 14:11