使用github+hexo搭建自己的博客网站--入门篇

前言

这一篇主要介绍如何使用搭建GitHub.io网站
我自己的网站：https://lijie-1024.github.io
使用hexo+next主题+GitHub搭建，具体问题可以留言问我。
本篇所包含的内容如下：

正文

一、申请github.io网站

github注册我就不讲了。。。能想到这个法子创建博客的应该也有账号了。直接创建开始：

• 创建一个新的资源库，名称为yourname.github.io, 其中yourname是你的github名称，如下：

二、 配置工具

1. 安装Git Bash–百度搜索git bash安装包 自行安装 —可以忽略此步
   1. 官方网站：https://git-scm.com/downloads
   2. 一路next安装，按window+r 在新打开的窗口中输入cmd，敲击回车，打开命令行界面。输入下面代码，出现版本号就算是安装成功了。

git --version

3. 安装NodeJs--百度搜索node.js安装包
   1. 下载Node.js安装文件：
      Windows Installer 32-bit
      Windows Installer 64-bit
   2. 根据自己的Windows版本选择相应的安装文件，要是不知道，就安装32-bit。
   3. 一直next到安装完，按window+r 在新打开的窗口中输入cmd，敲击回车，打开命令行界面。输入下面代码，出现版本号就算是安装成功了。

	node -v
	npm -v

4. 安装hexo
   • 先创建一个文件夹（用来存放所有blog的东西），然后cd到该文件夹下。
   • 文件夹内右键加shift打开命令行窗口，或者路径cmd打开
   • 运行： npm i -g hexo 等待自动下载hexokinase包
   • 初始化命令运行：hexo init 完成之后可以看到文件
     
     node_modules：是依赖包
     public：存放的是生成的页面
     scaffolds：命令生成文章等的模板
     source：用命令创建的各种文章
     themes：主题
     _config.yml：整个博客的配置
     db.json：source解析所得到的
     package.json：项目所需模块项目的配置信息
5. 然后输入：npm install -----之后npm将会自动安装你需要的组件，只需要等待npm操作即可。

完成以上操作就配置好了基础 。

三、 部署项目

• 使用编辑器打开你的文件—_config.yml：文件，在最后加入下面三行代码。
• 更改路程为自己的名称https://github.com/‘你github的名称’/‘你github的名称’.github.io.git

deploy:
  type: git
  repo: https://github.com/YourgithubName/YourgithubName.github.io.git
  branch: master

• cmd到根目录打开窗命令行依次输入

hexo clean
hexo generate
hexo server

• 作用
  hexo clean --整理 ；hexo generate --生成htnl页面；hexo server–在端口4000中打开（可以简写为hexo s）
• 打开浏览器输入：http://localhost:4000

到这里就可以本地看到自己的网站啦~~

四、上传到github

• cmd命令行安装npm包：npm install hexo-deployer-git --save
• cmd执行命令(建议每次都按照如下步骤部署)：

hexo clean
hexo generate
hexo deploy

注意deploy的过程中要输入你的username及passward。如下：

在浏览器中输入http://yourgithubname.github.io就可以看到你的个人博客啦~~~
例如我的：https://lijie-1024.github.io

五、绑定个人域名—可以忽略

• 购买域名：我自己的是在腾讯云买的，http://www.jcat.club
• 拿到域名之后，进行解析，推荐使用dnspod免费解析。
  具体使用方法：
  1、注册登录dnspod之后，添加域名，然后解析，添加两条记录
  
  • 其中ip地址为你的github的地址
  • 可在cmd命令行中输入：ping lijie-024.github.io 可以获得id
• 登录github，找到项目，设置setting，找到GitHub Pages
  
• 再次部署一次，就可以在域名中打开了
  • hexo clean
  • hexo g （简写）
  • hexo d （简写）

在浏览器中输入http://yourgithubname.github.io 或者域名中就可以看到你的个人博客啦！！完美~

小结

• 基本上这几个操作按顺序下来就可以完美创建你的博客了！
• 下一篇讲：修改hexo主题和一些功能的添加。
• 链接： https://blog.csdn.net/weixin_43216105/article/details/83449928
• 结束，有问题可以留言