个人博客搭建指南

前言

由于想把平时个人的工作、学习、生活总结及记录内容进行复盘整理,形成个人的知识沉淀结果,决定利用github网站进行知识的归集。花了点时间学习了Hugo + Github Pages搭建个人博客的内容。

可大体总结下流程吧,作为本博客的开篇hh

搭建博客流程

  1. 注册github账号,创建一个用户名.github.io的仓库名,后续也是个人博客网站的地址。https://aotingxu.github.io/

  2. 鉴于可便捷快速操作,我下载了github的desktop版,如需汉化将GitHubDesktop项目根目录resource内的main.js和renderer.js替换成汉化文件即可 https://github.com/lkyero/GitHubDesktop_zh/releases 下载,记得备份。

  3. 选择GitHub Pages网页生成工具。看了网上一些教程, 搭建静态站点网站有用Jekyll (基于 Ruby)可参考 https://www.zhihu.com/question/20962496https://www.jianshu.com/p/9f71e260925d 。鉴于之前在猪齿鱼写官网用户手册都是基于hugo+vscode写的,对hugo的操作比较熟悉,因此个人选择hugo。

  4. 可参考 https://juejin.im/post/5cc41bfef265da036505031c 安装hugo,Windows系统需要在path配置环境变量。

  5. 选择网站主题模板,因为个人想要首页具备快速索引及导航的功能,能够清晰看到文章结构目录,以大方简洁为主,便选择了此主题。https://themes.gohugo.io/hugo-theme-pure/

  6. 将主题项目克隆到本地,进行个性化编辑。

  7. 调整主题目录结构,在content/posts内编写博客内容,并且自定义配置config文件。

  8. hugo server本地验证博客内容。

  9. 使用hugo命令在根目录下编译生成文件

  10. 将生成的文件push到github博客仓库内。

  11. 然后就可以通过域名访问啦~


一次快速且十分顺利的个人网站搭建经历!接下来就将快一年以来的本地OneNote陆陆续续总结的学习/工作内容慢慢搬到github.io上啦~