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

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

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

博客示例:

  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. 开始本地搭建

     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
     hexo clean  # 清理之前生成的文件
     hexo g        # 重新生成静态资源
     hexo s        # 进行本地部署,查看文件是否有问题
     ctrl+c        #停止本地部署
     hexo d        #远程部署到GitHub
     #部署完成后过一小会,访问`https://GitHub用户名.github.io`即可查看博客
    
相关文章
|
1月前
|
存储 JavaScript 网络架构
【开源图床】使用Typora+PicGo+Github+CDN搭建个人博客图床
【开源图床】使用Typora+PicGo+Github+CDN搭建个人博客图床
119 3
|
1月前
|
程序员 SEO
手把手教你搭建属于自己的网站(获取被动收入),无需服务器,使用github托管
手把手教你搭建属于自己的网站(获取被动收入),无需服务器,使用github托管
140 2
手把手教你搭建属于自己的网站(获取被动收入),无需服务器,使用github托管
|
1月前
|
资源调度 前端开发 JavaScript
不花一分钱,用Hexo和GitHub Pages搭建个人博客🏢
不花一分钱,用Hexo和GitHub Pages搭建个人博客🏢
131 0
|
7月前
|
缓存 JavaScript 网络安全
基于Hexo的主题Fluid搭建Github博客
基于Hexo的主题Fluid搭建Github博客
97 1
|
1月前
|
程序员 API Android开发
使用 VS Code + Github 搭建个人博客
搭建个人博客的方案
41 1
|
1月前
|
数据可视化 开发工具 git
Git【实践 01】使用Git工具托管本地代码到GitHub简单易懂的图文教程(含Git+第三方工具TortoiseGit+中文语言包百度云盘资源)
Git【实践 01】使用Git工具托管本地代码到GitHub简单易懂的图文教程(含Git+第三方工具TortoiseGit+中文语言包百度云盘资源)
59 0
|
1月前
Hexo博客添加GitHub评论功能
Hexo博客添加GitHub评论功能
67 0
|
10月前
|
JavaScript 网络安全 开发工具
Github+Hexo搭建个人网站详细教程
随着互联网浪潮的翻腾,国内外涌现出越来越多优秀的社交网站让用户分享信息更加便捷。然后,如果你是一个不甘寂寞的程序猿,是否也想要搭建一个属于自己的个人网站,如果你曾经或者现在正有这样的想法,请跟随这篇文章发挥你的Geek精神,让你快速拥有自己的博客网站,写文章记录生活,享受这种从0到1的过程。
|
存储 JavaScript 前端开发
hexo+github搭建博客(超级详细版,精细入微)
hexo+github搭建静态博客,以及matery主题安装、个性化修改、SEO优化等
6685 0
|
缓存 数据库 Windows
github+hexo搭建博客
引言     之前用阿里云弹性web托管采用wordpress搭建的个人博客,经过我使用一段时间之后发现存在很多问题: 网站的响应速度非常慢,估计打开主页需要3-4s的时间,我经过搜索发现很多人都有这样的问题,所以应该不是wordpress的锅,而是阿里云弹性web托管的问题,毕竟我买的时候一年只要几百块,而且还是最便宜的经济版(内存128M+2G网页空间+4G流量+1G数据库)。
2383 0