以前的博客都是记录在CSDN上的，最近在整理一些学习笔记，我想为什么不自己搭建个博客呢？那么说干就干吧。

我的想法是先利用现成的开源框架快速搭建一个博客，后期再折腾迭代（考虑手敲代码构建一个博客）。

技术选型

现成有很多方案可以选择，我就选择了其中比较简单的 Hexo 框架，使用的是Butterfly 主题。Hexo的基本常用指令没有几个，刚开始重点放在了主题的折腾上，逐渐会把重心向文章转移，专注于文章的写作。

Hexo+GitHubPages 搭建博客

  1. Node.js下载安装

  2. Git 下载安装

  3. 安装Hexo

    npm install -g hexo-cli

  1. 初始化 Hexo, 会新建一个文件夹 参考文档

    hexo init <folder>
    cd <folder>
    npm install

    Hexo相关命令均在站点目录下用Git Bash运行。

  2. 启动服务器。在站点目录下（Git Bash)，执行以下命令，会实时监测文章的变更并渲染。

    hexo server

  3. 浏览器访问网址： http://localhost:4000/ 此时Hexo博客已经运行在本地。默认的主题样式landscape在theme文件夹下。

  4. 新建文章，会在 站点目录/source/_posts 下生成一个 文章名字.md 文件，使用自己熟悉的markdown编辑器编辑保存文章，网页可实时查看效果。

    hexo n "文章名字"

  5. GitHub：建立一个github.io的库 ，仓库名为：<GitHub账号名称>.github.io 参考链接

  6. 将本地Hexo博客推送到GithubPages

    • 安装hexo-deployer-git插件。在命令行（即Git Bash）运行以下命令即可 

      npm install hexo-deployer-git --save

    • 添加到 GitHub。 复制密钥文件内容（路径形如C:\Users\Administrator\.ssh\id_rsa.pub），粘贴到New SSH Key即可。

    • 测试是否添加成功。在命令行（即Git Bash）依次输入以下命令，返回“You’ve successfully authenticated”即成功

      ssh -T git@github.com

    • 修改_config.yml（在站点目录下）。文件末尾修改为：仓库地址写ssh地址， branch需要注意最近改为main了

      # Deployment
      ## Docs: https://hexo.io/docs/deployment.html
      deploy:
        type: git
        repo: git@github.com:<Github账号名称>/<Github账号名称>.github.io.git
        branch: master

    • 推送到GithubPages。在命令行（即Git Bash）依次输入以下命令， 返回INFO Deploy done: git即成功推送：

      hexo g -d

    • 等待1分钟左右，浏览器访问网址： https://<Github账号名称>.github.io

​ 至此，Hexo博客已经搭建在GithubPages, 域名为https://<Github账号名称>.github.io

主题修改

选择自己所需要的主题，下载安装，按照说明文档选择自己想要的效果修改即可。Butterfly 主题

搞了个自言自语的碎碎念模块记录心情。

页面左下角新增了一个可爱的白色小猫咪。

PicGo+GitHub实现图床

博客中所需要的文件存放在图床上，方便迁移的随取随用。我是用PicGo+GitHub实现图床

因为公司有外网，所以渲染加载图片很快，自己实际测试发现会加载不出图片。目前的折中方案是使用了路过图床，准备过一阵自己搭建个人图床。

ToDo List

  1. 文章笔记持续更新、标签分类整理
  2. 网站分析统计、搜索引擎收录网站、CDN
  3. 搭建个人文件服务器
  4. 搭建个人图床