[保姆级-从0到1]利用hexo+github托管实现搭建个人博客

发表于 更新于 分类于 本文字数： 1.5k 阅读时长 ≈ 1 分钟

博客示例:

  1. https://t0uzi.github.io(还没完事TVT)
  2. https://t0uzi.vercel.app/(这个得用魔法)

一，本地搭建

  1. 安装git，官网https://git-scm.com/,安装后运行git查看版本git --versuon.出现git version x.xx.x.windows.x即安装成功

  2. (可选),设置博客文件位置

    1. 选好地点,新建文件夹,完成后复制文件夹的绝对路径
    2. 右键git快捷方式,属性,快捷方式,之后修改起始位置,把起始位置替换为你博客文件的绝对路径

  3. 安装node.js，官网https://nodejs.org,安装后配置环境变量,

    1. 配置环境变量步骤:
      1. 按Windows搜索环境变量,找到编辑系统环境变量,打开
      2. 点击环境变量,在下方系统环境(s)中找到Path,双击打开
      3. 点击新建,将安装node的绝对路径放入其中
      4. 连续确定,别点X和取消!!!

  4. node.js安装完成后在git中运行node -v显示vxx.xx.x即安装成功

  5. 安装Hexo,命令npm install hexo -g之后安装依赖包npm install --save hexo-deployer-git

  6. 开始本地搭建

    1
    2
    3
    4
    hexo init # 初始化个人博客
    hexo g	  # 自动生成静态网页
    hexo s	  # 自动构建本地服务,默认url:http://localhost:4000
    #	至此,即可进行本地化访问

二，部署到github，实现托管

  • 优点：省心省力，只需调整博客样式即可
  • 缺点：博客加载缓慢
  • 解决方法：
    1. 用vercel自动获取github的项目，加快页面访问速度
    2. 买个域名，将vercel的网址重定向到拟购买的域名(我买不起TVT，我没弄这个)

  1. (重要!!!),创建GitHub账户，在github中建立一个仓库，仓库名为：用户名.github.io

  2. 配置SSH:

    1. 生成SSH:ssh-keygen -t rsa -C "你建立GitHub用的邮箱",ssh文件夹会生成在C:\Users\用户中(电脑不一样,位置会有点小差别,但是都在Users中)
    2. 打开ssh文件夹中的id_rsa.pud文件,复制内容
    3. 打开GitHub主页,点击个人设置,点击SSH and GPG keys,点击New SSH key,将复制的内容粘贴到key一栏中,title名无所谓,随便起
    4. 输入测试命令ssh -T git@github.com,若回显Hi 你的GitHub用户名! You've successfully ......即为配置成功

  3. 设置GitHub的用户名,邮箱

    1. git config --global user.name "你的GitHub名"
    2. git config --global user.email "你的GitHub邮箱"

  4. 部署到GitHub

    1
    2
    3
    4
    5
    6
    7
    8
    9
    10
    hexo clean  # 清理之前生成的文件
    hexo new "postName" #新建文章
    hexo new page "pageName" #新建页面
    hexo generate #生成静态页面至public目录
    hexo server #开启预览访问端口（默认端口4000，'ctrl + c'关闭server）
    hexo d #部署到GitHub
    hexo s		# 进行本地部署,查看文件是否有问题
    hexo help  # 查看帮助
    hexo version  #查看Hexo的版本
    #部署完成后过一小会,访问`https://GitHub用户名.github.io`即可查看博客