个人博客搭建

博客生成框架

  • 用户输入内容后，生成对应的网站目录，也就是前端界面代码，生成的时候就是由博客生成框架实现
    • 输入
      • yml：博客的设置
      • markdown：书写博客
    • 生成框架
      • hexo

文件托管平台

  • 将网站代码文件存储在云端，并提供访问和修改接口
    • GitHub

站点部署服务

  • 将一个已经成型的网站部署到互联网上，让其他人可以正常访问
    • 最简单的是GitHub Pages
    • Netlify

访问加速服务

  • 原理：CDN加速，Content Delivery Network，内容交付网络，利用的是页面访问的局部性，也就是说刚刚访问的页面过不久会再次访问，和OS中多级缓存的利用程序的局部性是一致的

Hexo

基本使用

  • 在当前目录下载博客（得先用cd在命令行里切换目录）
1
hexo init
  • 生成博客的静态文件
1
hexo g
  • 启动本地预览服务
1
hexo s
  • 新建文章
1
hexo new 文章名字

  • 写完文章或更换主题等更改操作后要hexo三板斧

    • 清理hexo缓存

      1
      hexo clean

    • 生成静态文件

      1
      hexo g

    • 部署

      1
      hexo d

更换主题

根据项目的readme去配置，先拿butterfly这个主题举例

  • 先去github克隆一个主题到myblog的目录下
  • 去_config.yml文件里更换theme的值
  • 安装渲染器

部署

  • 先安装部署的插件
1
npm install hexo-deployer-git --save

  • 在github上面创建仓库，名字设为<username>.github.io==（有坑）==

  • 进入_config.yml文件中的deploy进行修改

    • type设为git
    • repo设为自己github项目克隆的https地址
    • branch设为master或main

  • 重新三板斧==（有坑）==

遇到的坑

  • 因为我github的用户名本来是Nice2meety，后来改好看点就WisdomNoShame，但是这样部署完后打不开网站。后面想着是不是大写不兼容的问题，查了查发现大家的github用户名很多都是小写，也看到有人说为了兼容，github作为很多第三方库的数据来源，有些第三方库只引入github地址不支持大写。，所以改为了wisdomnoshame，这下就可以访问了（改完后还要重新三板斧进行部署）。
  • 用hexo d部署的时候，部署了三次，第一次是开rule不行，第二次是开全局，还是不行，之后想着关了代理部署，结果忘记关了，所以第三次是全局，结果就可以了。