使用hexo+github搭建个人博客全面教程

使用hexo+github搭建个人博客

安装node.js：

傻瓜式安装，这里就不再概述，如有疑惑，请查看本博客主的以往博客

注册GitHub账号：

账号注册的事情也不过多累赘，相信看到该博客的人都是有GitHub账号的人

安装Git

详细情况请点击该步骤蓝色字体

本地使用hexo：

• 随便打开一个目录创建一个新的文件夹，文件夹名自取
• cmd打开该目录：
  
• 安装hexo脚手架：npm install -g hexo-cli

加-g代表全局安装，如若不想，可去掉-g

• 初始化自己的博客：hexo init myBlog

myBlog是自己定义的博客项目文件夹名

以下是初始化后产生的文件夹：

• 打开自己的文件夹目录安装依赖：
  • cd 自己文件夹目录
  • npm install
    
• 本地运行查看：hexo s -p 5555（注：5555为端口号）：
  

安装Sublime:

一个简单的文本编辑器，使用vscode，记事本也可，但记事本使用cmd窗口运行可能不是这么便捷

上传我们的博客到GitHub：

• 在GitHub创建一个yourname.github.io的仓库(注意：必须是这种格式)，获取该仓库的地址：
  
• 打开我们自己创建的博客文件夹下的_config.yml：
  • 1、将最底部的type属性设置为git；
  • 2、添加一个属性为repo：设置为自己博客的地址；
  • 3、添加branch(分支)属性：默认为master；
    
  • 4、修改url为16行的url为https://+自己的仓库名称，即https://yourname.github.io；
• 在cmd命令窗口或终端使用npm install hexo-deployer-git --save安装 hexo-deployer-git；
• 接着输入hexo g生成页面；
• 然后输入hexo d上传至git:

其中可能多次涉及账号密码的输入

上传成功的页面：

• 在浏览器中输入我们在16行的url属性的值，访问我们的博客：
  
  ！！！！注意，由于该配置文件是yml形式的，所以每个属性与属性值直接除冒号间隔外，还有一个空格，否则会导致属性无法读取

使用hexo的模板主题：

• 去hexo官网https://hexo.io/themes/寻找合适自己的模板：
  
• 下载模板后解压复制到我们原来创建的博客文件夹的themes目录下（next为我下载的模板）：
  
• 修改我们原来创建的博客夹下的_config.yml文件，将theme属性设置为我们下载的模板：
• 然后使用hexo g生成页面，接着用hexo s -p 端口号本地运行查看，然后根据前面的命令及配置上传至git。
  

以上就是使用hexo+github搭建个人博客的全部内容