在github上使用Hexo搭载自己的blog(NexT主题)

在github上使用Hexo搭载自己的blog(NexT主题)

Hexo官方文档

环境搭建

1. 安装git

git 官方下载地址

Git for Windows 国内下载站

• 下载完成之后，一路 next 安装即可
• 详情可参考： Window10 下安装Git

2. 安装 NodeJS 环境

Windows版下载【X64】

• 下载完成之后，直接运行 .msi 文件即可
• 可以自己选择安装目录，是否自动配置环境变量等，不会的话，一路next即可
• 安装完成之后类似于这样的目录
  
• 运行 cmd ，输入node --version 出现下图即为安装成功
  

本地搭建hexo静态博客

0. 准备

• 新建一个文件夹，存放你的博客文件，如Blog
• 鼠标右键运行 git
  • 可能你的右键没有运行 git 的选项，参考
  • 右键菜单没有Git Bash Here手动添加
• 输入 $ npm install -g hexo-cli 安装Hexo
  • 此步骤仅在第一次安装好nodeJs后，执行一次即可，后续再次使用 hexo 不必重复操作
  • 可能需要等待一段时间，显示出 [email protected] 即为安装成功

1. 初始化博客

• 安装完 hexo-cli 之后

• 输入 hexo init 初始化博客

  • 需要等待一段时间，出现，即为安装成功
    
  • 安装目录列表
    

• 在博客根目录下会生成以下文件

  /source：/_post中存放MarkDown编写的博文等源文件
  /themes：存放主题文件，每个主题包含主题配置文件（_config.yml）
  _config.yml：站点配置文件，用于配置博客信息，如网站信息，主题设置
  

  在博客根目录可执行如下命令用于启动服务器，主要用来本地预览：

  hexo g    #完整命令为hexo generate，用于生成静态文件(即public文件夹)  
  hexo s    #完整命令为hexo server，将上面的文件部署到本地服务
  

• 浏览器访问http://localhost:4000，你会看见一个默认主题是 landscape 的博客，可以在Git Bash中按Ctrl+C停止。

2. NexT主题安装

• $ # 可进行预览，Ctrl+C 停止后，运行
  $ git clone https://github.com/iissnan/hexo-theme-next themes/next
  

• 静待安装，完成之后请参照官方文档配置自己的博客即可

NexT 官方文档

其他配置

将博客与Github关联

• 在Github上创建名字为XXX.github.io的项目，XXX为自己的github用户名。
• 打开本地的MyBlog文件夹项目内的 _config.yml 配置文件，将其中的 type 设置为git

deploy:  
	type: git  
	repository: https://github.com/yourname/yourname.github.io.git  
	branch: master

记得替换上面的yourname为自己的

• 运行：npm install hexo-deployer-git –save
• 运行：hexo g（本地生成静态文件）
• 运行：hexo d（将本地静态文件推送至Github）

此时，打开浏览器，访问http://yourname.github.io