Linux - 09 - Github 搭建博客 以及Git学习

Hexo 是一个快速、简洁且高效的博客框架。Hexo 使用 Markdown（或其他渲染引擎）解析文章，在几秒内，即可利用靓丽的主题生成静态网页。

• 由于我的环境是Linux，所以Linux环境的按着来就好了，Win环境大同小异。Hexo手册

一、安装基本环境

1. 安装Git

• Git 是目前比较流行的分布式版本控制系统，我们使用它与github进行交互下载对应版本的的git安装就好，下载地址 git_download，装后打开Git Bash

git --version   #可以查看版本号

2. 安装Node.js

Node.js是一个Javascript运行环境，是一个让 JavaScript 运行在服务端的开发平台，我们用来快速生成博客的静态页面，LTS版本为长期支持版，CURRENT版本为最新版，任选一个正常安装即可下载地址Node.js_download。

二、开始本地搭建博客

1. 新建本地文件夹

• 在本地新建一个文件夹用来储存我们的博客，Git Bash进入文件夹下，执行命令：npm install hexo -g用来安装hexo

2. 搭建本地服务

• 依次在本地文件夹根目录下执行以下命令初始化并生成服务。

hexo init    # 初始化

npm isntall    # 安装npm依赖包 

hexo generate   # 生成静态网页

• 全部执行成功后浏览器访问http://localhost:4000,如果出现默认的hexo博客，那么我们本地搭建博客就完成了

 hexo server    # 生成本地服务

三、本地博客发布到网络上

1.创建Github远程仓库

• 这里我们就要用到github了。有账户的可以略过，没有账户的新建账户，并登录。新建一个仓库，仓库名格式设置为：xxxx.github.io,其他可以不动。
  

• 之后我们就可以到如下界面，记录ssh的地址
  

• 在更改本地目录下的_config.yml配置文件，最后加上.

deploy:
  type: git
  repo: 这里填刚记录的ssh地址
  branch: master

2. 将Hexo与 Github连接

• 按照如下格式输入，在本地创建git用户名和邮箱进行并生成ssh密钥

git config --global user.name "yourname"
git config --global user.email "youremail"
ssh-keygen -t rsa -C "youremail"

• 接下来我们把生成的id_rsa.pub文件用文本编辑器打开，复制里面的内容绑定到GitHub上，标题随意。
• 点击新建ssh keys，title随便填，key填写id_rsa.pub的内容即可，应该会要求输入密码
  测试是否成功
  

ssh -T git@github.com   #注意这里的地址不用改

• 提示Are you sure you want to continue connecting (yes/no)?时输入yes
• 当看到Hi Budtit! You’ve successfully authenticated, but GitHub does not provide shell access.时说明配置成功

3. 部署到github

hexo d

• 如果报错说not found git 我们执行以下命令：npm install hexo-deployer-git --save安装插件，然后在执行上一步命令第一次部署应该会让登录，浏览yourname.github.io成功显示博客页
• 上面在配置branch时候我写的Master，可以自己新建分支，专门用于存放blog
  

四、写作并上传第一篇博客

1. 写作

hexo new [layout] <title>  #创建新文章

创建后会在本地目录生成测试.md文件，用markdown语法编辑文件后保存，建议每次写作后本地部署完成进入http://localhost:4000 查看无误后再上传。
hexo server # 本地服务部署 可简写为hexo s

2. 上传

依次执行命令，hexo的具体用法请查看官方文档 戳这里

hexo clean    # 清除缓存
hexo generate   # 生成静态页面  可简写为hexo g
hexo deploy	   # 部署博客  可简写为hexo d

五、解析私人域名

• 这里就要买域名了，添加两条记录
• 然后在本地博客目录下的source文件夹下新建名为CNAME的文件，其中写入域名
• 最后在github库中的setting中的Custom domain下填写购买的域名,save保存。
  
  好了，域名配置完成。