-
博客搭建-Jekyll博客搭建
前期准备 因为我是在 Mac 上搭建的，所以只提供 MacOS 的教程，Linux 教程在教程视频中有，Window 请查看官方教程。 安装 Ruby 和 RubyGems brew install ruby 这个安装的是 Ruby2 版本，所以还需要升级，通过 rbenv 进行升级 brew install rbenv rbenv install 3.3.5 # 安装 Ruby 3.3.5 # 重新设置全局 Ruby 版本并刷新 rbenv rbenv global 3.3.5 rbenv rehash # 将 rbenv 加入到 PATH 中 export PATH="$HOME/.rbenv/bin:$PATH" # 初始化...
-
博客搭建-2.Hugo, 自动部署博客
手动部署缺点 通过上一篇文章的命令我们可以手动发布我们的静态文件，但还是有以下弊端： 发布步骤还是比较繁琐，本地调试后还需要切换到 public/ 目录进行上传 无法对博客源文件进行备份与版本管理 自动部署优点 创建一个新仓库，对博客源文件进行备份与版本管理 发布简单，只需要有源文件的修改，并把其 push 到远程仓库，就会触发 public 自动更新部署，所以使我们能够专注博客的创作，将部署等繁琐的重复的操作省去 自动部署 创建一个新仓库 之前，我们已经创建了一个以*.github.io命名的仓库，该仓库主要是保存我们 public 文件夹下的文件，现在我们需要再创建一个仓库，可以是任意命名，权限也可以设为 private。该仓库的目录应该是 hugo 建站时，hugo new site website-name该命令产生的文件夹，即整个网站的根目录，而不只是 content 文件夹，一开始我就只是用了 content 文件夹作为仓库，然后 GitHub action 在 build 操作时会报错。 Unable to locate config file or config directory. Perhaps you need to create a new site. Run...
-
博客搭建-3.Hugo, 创建文章
创建文章 单个 md 文件 创建文章的方式： 手动创建：在 post 目录下，手动创建 md 文件。 命令创建：hugo new post/*.md 单个 md 文件的创建，md 文件的命名是随意的，web 上显示的与文章的title属性有关，而与文件名无关。 md 文件+图片 创建文章的方式： 手动创建：在 post 目录下，手动创建一个文件夹，在文件夹里创建 md 文件，并将需要的图片资源放入其中。 命令创建：hugo new post/foldername/*.md会自动创建文件夹和 md 文件。 md 文件+图片的组合，文件夹的名称是随意命名的，但文件夹里 md 文件的命名，必须为index.md或index.zh-cn.md否则图片资源可能在打包上传时会消失。 总结 萝卜青菜各有所爱，但命令创建有一个优点就是可以在archetypes\default.md里设置创建出来 md 文件的Front Matter从而不用每次都重复写。 文章内容 Front Matter 可以理解为文章的属性，Markdown 语法为 --- # 文章标题 title: 0x03...
-
博客搭建-1.Hugo, 创建一个网站
这篇文章假设你已经： 了解基本的终端命令行知识，如：cd, ls 安装了 Git，并且了解基本的 Git 知识 有一个 GitHub账号 有自己偏好的代码编辑器（我使用的是 VS Code） 安装 hugo Windows 系统 从 hugo 官方 github 仓库下载 hugo,记得必须使用带有extended的版本 hugo 官方下载地址: https://github.com/gohugoio/hugo/releases 在 D 盘下创建文件夹名为hugo,进入hugo文件夹下并创建名为bin的文件夹,将下载下来的 zip 文件解压到bin里面 完整的路径即为: D:\hugo\bin 接下来设置hugo环境变量,依次打开设置,然后选择系统,滑到下面选择系统信息,打开高级系统设置 打开环境变量 分别进入一下选项中进行添加D:\hugo\bin\ 检查一下 hugo 是否安装成功,打开 cmd 或终端输入hugo version,如果输出一下内容则证明配置成功 Macos 这里使用包管理器安装 Hugo，我的操作系统是 Mac OS，所以使用 Homebrew 安装 Hugo。如果你使用的是 Windows...