利用Github+hexo搭建博客

泼才


1.注册GitHub账号,创建仓库

  1. 注册Github账号

    进入GitHub官网,若已有GitHub账户,可直接点击Sign in登录,如果没有则点击Sign up进行注册,注册后登录即可。

    [外链图片转存失败,源站可能有防盗链机制,建议将图片保存下来直接上传(img-DPnkjbXx-1605327466041)(https://i.loli.net/2020/11/14/ReuwVa8qW2DOjCE.png)]

  2. 创建仓库

    在头像处点击Your repositories,创建仓库,注意创建的仓库名必须为 用户名.github.io ,之后生成仓库即可。

    [外链图片转存失败,源站可能有防盗链机制,建议将图片保存下来直接上传(img-Ontl7n7B-1605327466046)(https://i.loli.net/2020/11/14/EkBr2RIjnp3Wb8K.png)]


2.配置搭建所需环境

  1. nodejs和npm

    1. nodejs的下载与配置可点击这里进入官网,选择适合的版本下载,node.js是javascript的一种运行环境,npm是nodejs的包管理工具,npm可以将项目依赖的包下载并管理起来。因此,下载npm则只需下载nodejs。

    2. 下载好记得配置到环境变量,打开cmd,输入node -v验证一下是否安装成功。

      利用Github+hexo搭建博客

    3. 在nodejs文件夹下,创建两个为文件夹: node_globalnode_cecal

      [外链图片转存失败,源站可能有防盗链机制,建议将图片保存下来直接上传(img-pLaiaz0L-1605327466053)(https://i.loli.net/2020/11/14/eS7EIlMVZu9pgCc.png)]

    4. 使用下面命令将npm的全局模块目录和缓存目录配置到我们刚才创建的那两个目录。

      利用Github+hexo搭建博客

    5. 新增系统变量NODE-PATH

      [外链图片转存失败,源站可能有防盗链机制,建议将图片保存下来直接上传(img-IAjOtwt0-1605327466055)(https://i.loli.net/2020/11/14/obtm6WfkF2RPVHM.png)]

    6. 编辑环境变量,在Path变量中修改nodejs的文件默认路径。

      [外链图片转存失败,源站可能有防盗链机制,建议将图片保存下来直接上传(img-D8f1YvHs-1605327466056)(https://i.loli.net/2020/11/14/MBewUDViAOPaZCs.png)]

    7. 完成上述操作后后测试,打开cmd,输入node后回车,再输入require(‘cluster’),若出现类似下图,则说明配置成功。

      利用Github+hexo搭建博客

    8. 在安装配置完Nodejs后,便可以使用npm操作了,但是由于原始npm下载太慢,所以建议换一下淘宝镜像站,提高下载速度,在cmd中输入以下命令即可完成。

      npm config set registry=http://registry.npm.taobao.org

  2. git

    1. git的下载与配置可点击这里查看教程。下载好后记得cmd输入git验证一下是否安装成功。

    2. 安装好git之后,需要配置git的用户信息,输入以下命令即可完成。

      git config --global user.name "username"

      git config --global user.email "[email protected]"

    3. 使用命令ssh-****** -t rsa -C "[email protected]"生成ssh**,前往github创建个人仓库,将刚新生成的公钥id_rsa.pub(公钥位置在C:\用户\.ssh目录下)添加到Github的中,最后使用命令ssh [email protected]测试是否成功。

      [外链图片转存失败,源站可能有防盗链机制,建议将图片保存下来直接上传(img-mqo4NhVt-1605327466058)(https://i.loli.net/2020/11/14/hQDP2bKitNSy7O5.png)]

      [外链图片转存失败,源站可能有防盗链机制,建议将图片保存下来直接上传(img-n4ggSRQa-1605327466058)(https://i.loli.net/2020/11/14/tnULG7Ab3j4kC5d.png)]

  3. hexo

    1. cmd运行npm install -g hexo安装hexo本地环境。

    2. 输入hexo验证是否安装成功。

      [外链图片转存失败,源站可能有防盗链机制,建议将图片保存下来直接上传(img-Xt7i3PT5-1605327466059)(https://i.loli.net/2020/11/14/c7uahKnAptdqPw9.png)]

    3. 此处配上hexo的**常用命令集合**。


3.搭建博客

  1. 创建一个文件夹,在该文件夹下空白处右击运行Git Bash Here

    [外链图片转存失败,源站可能有防盗链机制,建议将图片保存下来直接上传(img-zT92OODT-1605327466059)(https://i.loli.net/2020/11/14/TBxqyve5b7ROnZm.png)]

  2. 输入命令hexo init,即可自动在文件夹下初始化博客内容,可能会耗费一些时间,耐心等待即可。

  3. init之后运行命令hexo s,运行该命令后可在localhost:4000本地浏览内容,常用在查看调试效果的时候。

  4. 如果想推送到远端依次使用hexo cleanhexo ghexo d三条命令,第一次推送需要验证身份,后续就不用了。

相关文章:

  • 2021-08-22
  • 2021-12-19
  • 2021-03-31
  • 2022-12-23
  • 2022-12-23
猜你喜欢
  • 2021-11-22
  • 2022-02-09
  • 2021-07-27
  • 2021-08-06
  • 2022-01-28
  • 2021-10-21
相关资源
相似解决方案