
Hexo迁移到Hugo
前言 春节在家闲着无事,想到博客多日未更新,想着小更一下,便开始在轻薄本上安装Hexo,但在安装过程中无意看到了一篇关于使用hugo搭建博客的文章,让我想起了身边一位大佬(链接在此)前段时间也在用hugo搭建blog,在看了几篇有关hexo和hugo对比的文章后,决定开始折腾一下。 安装 Hugo 直接上官网,根据自身系统找到对应安装方法,并且熟悉一下基本的操作,例如新建页面之类的。在本地运行hugo server后,在http://localhost:1313/ 便能查看到默认主题下的个人博客页面,到此Hugo便安装完成了。 主题 在官网上提供了将近三百个主题,我选择了papermod主题。安装过程也很方便,将其仓库clone到hugo的theme文件夹中即可。由于我的博客也作为一个仓库,因此将主题仓库作为博客仓库的子模块。 #下载并设置为子模块: git submodule add https://github.com/adityatelange/hugo-PaperMod.git themes/PaperMod --depth=1 #当重新克隆仓库时可能要用到 #git submodule update --init --recursive # needed when you reclone your repo (submodules may not get cloned automatically) #更新主题 git submodule update --remote --merge 参考了网上其他博主的做法,将主题中的layout和assert文件夹复制到站点(也就是根目录)下,因为hugo构建时根目录下的模板和样式优先级比主题里的高,因此会覆盖主题的配置,方便魔改,并且在主题更新时,可以再根据个人需求将旧版本主题的相关文件覆盖,从而实现平滑更新。 (ps. 下文的博客配置中提到的layouts或assert都是指复制到站点根目录下的文件夹,而不是主题中的同名文件夹) 最终本站的根目录结构如下:其中非自定义的都作了一些注释 . |-- README.md |-- archetypes (新建页面的统一格式,可自定义) |-- assets (papermod主题中复制过来的,包括js和css) |-- config.yml (站点配置文件) |-- content (放博客文章或自定义页面例如友链、搜索) |-- data (网站的一些数据,暂时没用到) |-- deploy.sh |-- i18n |-- layouts (papermod主题中复制过来的,包括各种页面模板) |-- public (执行hugo命令后生成,网站发布的内容) |-- resources () |-- static (网站的静态资源) `-- themes (网站主题) 部署 现在我是GitHub+Vercel+个人域名的方案,根据个人需求爱好选择就行了,网上也有很多教程,不再赘述。...