记录第一次搭建博客

前言

每个人心中都有一个属于自己的博客,因为疫情在家无聊就想着来做一个自己的博客,于是在网上遍寻教程,经过n次失败,终于搭建成功!
我用来搭建的工具是Hexo,是一个基于node.js的静态博客框架,生产静态网页托管在GitHub上(学生嘛 家境贫寒 )。

windows平台步骤

  1. 你需要一台可以上网的电脑
  2. 安装Git
  3. 安装Node.Js
  4. 安装Hexo
  5. 注册GitHub账号,并创建项目
  6. 生成SSH并添加到GitHub
  7. 上传到GitHub

1.安装Git

到Git官网下载,网站地址:https://git-scm.com/downloads

安装步骤:双击下载好的exe文件,一路next就好了
如果想知道具体步骤请移步

安装好后,打开gitbash,查看版本: 命令git version
在这里插入图片描述
如果返回了版本号,那就说明git安装成功了。

2.安装Node.Js

到Node.Js官网下载,网址:[https://nodejs.org/en/download/]
(https://nodejs.org/en/download/)
安装步骤与git一致,打开gitbash,查看版本: 命令node -v
在这里插入图片描述
与git不同的是安装完后要配置一下
NodeJS和NPM安装好了以后并不能直接使用,默认情况下,NPM安装的模块并不会安装到NodeJS的程序目录,比如我们安装的时候设置的D盘,“D:\Program Files\nodejs”,而我们使用npm安装一个cluster模块他会出现在C盘默认的路径下面,所以,如果我们不修改npm的模块安装目录,那么它默认情况下都会安装到这里,随着你测试开发各种不同的项目,安装的模块越来越多,这个文件夹的体积就会越来越大,直到占满你的C盘。所以我们要修改npm的配置。

  1. 在nodejs文件夹下,创建两个为文件夹: node_global 和 node_cecal
  2. 使用下面命令将npm的全局模块目录和缓存目录配置到我们刚才创建的那两个目录
    npm config set prefix “node_global文件的路径”
    npm config set cache "node_cache的文件路径"

    例如:npm config set prefix “D:\Program Files\nodejs\node_global”
  3. 高级系统设置——环境变量
    新增系统变量:
    变量名填:NODE_PATH
    变量值填:(文件路径)
    在这里插入图片描述
    还需要在Path变量名中修改nodejs文件默认路径
    在这里插入图片描述
    修改完成后测试:
    输入命令:node 回车——再输入 require(‘cluster’)
    在这里插入图片描述
    出现以上内容说明配置完成

3.安装Hexo

首先安装国内淘宝镜像源npm install -g cnpm --registry=https://registry.npm.taobao.org
等待安装完成后就可以用cnpm来安装hexo博客了
命令:cnpm install -g hexo-cli
安装完成后用hexo -v来验证一下
在这里插入图片描述
然后创建一个你用来存放博客的文件夹,cd到该目录下,初始化命令hexo init初始化完成后会在该文件夹下看到以下文件:
在这里插入图片描述
这就安装完成了 输入hexo s就可以实现本地访问了 http://localhost:4000

4.注册GitHub账户 并创建项目

创建一个GitHub账号,创建一个repo,名称为yourname.github.io,其中yourname是你的github名称,如下:
在这里插入图片描述
在这里插入图片描述

5.生成SSH并添加到GitHub

回到gitbash中.在gitbash中输入:ssh-keygen -t rsa -C "你注册GitHub的邮箱”,生产SSH,然后在C盘用户目录下找到 .ssh文件夹 ,用记事本打开id_rsa.pub将上面获取的ssh放到github中:在这里插入图片描述
添加一个 New SSH key ,title随便取,key就填刚刚那一段。
在gitbash中验证是否添加成功:ssh -T git@github.com

用编辑器打开你的blog项目,修改 _config.yml 文件的一些配置(冒号之后都是有一个半角空格的)
deploy:
type: git
repo: git@github.com:yourname/yourname.github.io.git(这个地方填你新建GitHub项目的ssh地址)
branch: master

回到gitbash中,进入你的blog目录,分别执行以下命令:
hexo clean
hexo generate
hexo serverr

上传到GitHub

先安装一波:cnpm install hexo-deployer-git --save(这样才能将你写好的文章部署到github服务器上并让别人浏览到)
执行命令(建议每次都按照如下步骤部署):
hexo clean
hexo generate
hexo deploy

注意deploy的过程中要输入你的username及email 。按他给的格式执行后,再次执行上次命令。
在浏览器中输入http://yourgithubname.github.io就可以看到你的个人博客了。

结语

以上是我折腾了两天才尝试出来的,如果有错请大佬提醒。主题我还在继续研究,等我弄好了再来发表安装主题的教程。

  • 0
    点赞
  • 1
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值