[保姆级-从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`即可查看博客
    
相关文章
|
6月前
|
存储 JavaScript 网络架构
【开源图床】使用Typora+PicGo+Github+CDN搭建个人博客图床
【开源图床】使用Typora+PicGo+Github+CDN搭建个人博客图床
291 3
|
6月前
|
程序员 SEO
手把手教你搭建属于自己的网站(获取被动收入),无需服务器,使用github托管
手把手教你搭建属于自己的网站(获取被动收入),无需服务器,使用github托管
212 2
手把手教你搭建属于自己的网站(获取被动收入),无需服务器,使用github托管
|
2月前
|
网络协议 开发工具 git
hexo github部署,通过域名访问你的博客
本文介绍了如何使用Hexo命令部署博客到GitHub,并详细说明了如何通过自定义域名访问GitHub上部署的博客。
hexo github部署,通过域名访问你的博客
|
缓存 JavaScript 网络安全
基于Hexo的主题Fluid搭建Github博客
基于Hexo的主题Fluid搭建Github博客
171 1
|
6月前
|
资源调度 前端开发 JavaScript
不花一分钱,用Hexo和GitHub Pages搭建个人博客🏢
不花一分钱,用Hexo和GitHub Pages搭建个人博客🏢
172 0
|
6月前
|
程序员 API Android开发
使用 VS Code + Github 搭建个人博客
搭建个人博客的方案
81 1
|
6月前
|
数据可视化 开发工具 git
Git【实践 01】使用Git工具托管本地代码到GitHub简单易懂的图文教程(含Git+第三方工具TortoiseGit+中文语言包百度云盘资源)
Git【实践 01】使用Git工具托管本地代码到GitHub简单易懂的图文教程(含Git+第三方工具TortoiseGit+中文语言包百度云盘资源)
104 0
|
6月前
Hexo博客添加GitHub评论功能
Hexo博客添加GitHub评论功能
129 0
|
开发工具 git 数据安全/隐私保护
|
开发工具 git 数据安全/隐私保护