Git+Hexo 搭建博客教程

1. Git安装与配置

• 注册GitHub账号
• 获取密钥
  • 安装后打开Git Bash Here输入：
    $ ssh-keygen -t rsa -C "000000@qq.com" //填写github邮箱
  • 选择密钥保存位置，直接回车默认为 C:\Users\admin.ssh
  • 为ssh设置密码，直接回车默认免密
  • 打开密钥保存目录，找到 .ssh\id_rsa.pub 文件，使用记事本打开复制其内容
  • 进入github主页 --> Settings --> SSH and GPG keys --> NewSSH key，添加密钥保存
• 配置git信息
  • $ git config --global user.name "joinbobo"
  • $ git config --global user.email "000000@qq.com"
• 创建git仓库
  • 仓库名字必须设置 用户名.github.io

Repository name //仓库的名字
Description //对仓库的功能进行一个简要的概述
public //开源，免费，你的仓库将会是公共仓库，任何人都能访问你的仓库、fork。
private //闭源，收费，你的仓库将会是私密仓库。
initialize this repository with a README //为你的仓库创建一个说明文档，也就是使用说明书，方便别人的阅读。
Add.gitgnore //你的仓库里代码主要使用的语言，或者你的仓库主要关于那个语言方面的知识。
Add a license //为你的仓库加一个开源证书，如果你仅仅想保留著作权/版权，那就选 **MIT License .

2. 安装Node.js

Node.js 下载地址：https://nodejs.org/en/download //傻瓜式安装

3. 安装Cnpm、Hexo

• 更换阿里源（以管理员身份运行 cmd）
  > npm config set registry https://registry.npm.taobao.org
• 验证
  > npm config get registry //返回https://registry.npm.taobao.org，说明镜像配置成功。
• 安装cnpm
  > npm install -g cnpm --registry=https://registry.npm.taobao.org
   
• 安装Hexo，打开git bash，输入：
  $ cnpm install -g hexo-cli

-g代表全局安装，hexo后的 -cli 代表命令行

4. 搭建本地hexo博客

• 创建一个文件夹，右键 git bash here
• 程序初始化，输入：$ hexo init（Ps：一定是在空的文件夹里初始化）
• 添加一个文章，输入：$ hexo new my first blog
• 运行本地服务，输入：$ hexo s
• 进入浏览器输入地址：http://localhost:4000
  显示下方界面便是成功搭建！
  
  目录结构：
  • node_modules: 依赖包
  • public：存放生成的页面
  • scaffolds：生成文章的一些模板
  • source：用来存放你的文章
  • themes：主题
  • _config.yml: 博客的配置文件

5. 部署GitHub

• 安装 hexo-deployer
  npm install hexo-deployer-git --save
• 修改站点目录配置文件 _config.yml，在末尾添加提交类型以及地址：

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

参数	描述
repository	库地址（也可以简写“repo"）
branch	分支名称，如果使用的是 GitHub 或 GitCafe 的话，程序会尝试自动检测。

• 本地服务器测试
  $ hexo server
• → http://localhost:4000
  本地验证运行正常，开始上传部署到GitHub
• 打开git bash here在站点目录中依次执行：

$ hexo clean	//清除缓存(删除public文件夹)
$ hexo generate	//生成静态文件 可以简写 hexo g
$ hexo deploy	//将本地文件(public目录)推送至GitHub 可以简写 hexo d

部署成功后，浏览器地址输入“用户名.github.io”，便可浏览个人博客！

6. Hexo和主题上的配置

• Hexo切换主题

  • 选择一款心仪的 Hexo主题 克隆到 “~/theme/”
    $ git clone <url>
  • 使用记事本打开站点目录下的配置文件“_config.yml”，快捷键 ctrl+f 搜索 “theme”，将参数修改成 主题文件 的名字

• 添加导航栏功能页面

  • 进入主题文件夹，使用记事本打开主题目录下的配置文件“_config.yml”，找到“menu”一栏，将所需要的导航栏功能前的注释去掉。
  • 打开git生成新的页面about： $ hexo new page "about"

• 添加搜索功能：
  https://blog.csdn.net/lijing742180/article/details/87970909

• 去除页脚logo
  https://www.jianshu.com/p/4fbc57269f1b

推荐主题：Next

两大主流静态框架：Jekyll + Hexo

 

参考文献：
https://www.jianshu.com/p/b83affd675aa
https://www.cnblogs.com/visugar/p/6821777.html