GitHub上搭建我的博客

这是我参与8月更文挑战的第6天，活动详情查看：8月更文挑战

最近掘金诚意十足，给你们准备了丰厚的礼物，咱们能够在平台上更好的进行学习和技术交流。计算机做为一个技术更新迭代速度很是快的行业，只有不断学习才不会被时代抛弃，而咱们一些平常的积累能够在本地完成，也能够使用GitHub Pages为咱们提供的托管功能，实现网络访问。

本地Node.js环境

因为博客使用的是Hexo+GitHub来实现的，而Hexo是基于node.js的，所以咱们要在本地安装Node.js。

1. 下载安装node.js并进行安装
2. 安装完成后，使用node -v查看到本地node.js版本号说明安装成功
3. 因为node.js源都在国外，咱们能够使用国内的阿里云镜像进行加速：npm config set registry https://registry.npm.taobao.org

建立GitHub仓库

做为开发人员，github是必不可少的网站，可谓是集学习、娱乐、摸鱼、交友于一身的大型社交平台。若是尚未github帐号的话，那咱们就要赶忙注册一个加入进来，xdm就等你了！

1. 登陆本身的帐号后，首先新建一个仓库，并设置名称为[yourname].github.io，初始化完成建立。（[yourname]表明本身github帐户的名称）
2. 而后进入刚刚新建仓库的Setting页面，找到GitHub Pages，能够切换一个主题，刷新后点击链接进行访问。
3. 跳转后显示本身仓库的readme页面信息就表示设置成功。

安装Git环境

为了可以在本地与GitHub有更好的交互体验，咱们能够下载安装Git客户端。

1. 下载与本机系统匹配的Git客户端并完成安装
2. 安装完成后，命令行中使用git --version：查看到本地git版本号说明安装成功
3. 鼠标右键打开Git Bash Here进行本地Git信息的配置
   • 配置本地用户信息：git config --global user.name "name"，name为自定义git帐户名
   • 配置本地邮箱信息：git config --global user.email "eamil@xx.com"，eamil表明邮箱信息
   • 本地生成私钥和密钥信息：ssh-keygen -t rsa -C "eamil@xx.com"
4. 咱们能够在本地~/.ssh 路径下找到Git的密钥和公钥id_rsa.pub文件，公钥文件内容做为咱们的SSH密钥添加到GitHub中完成Git与GitHub的受权认证。
5. 远程GitHub中添加了本地SSH密钥后，使用控制台命令ssh -T git@github.com检查是否能够与远程通讯

初始化Hexo博客

安装Hexo

本地node.js和git环境准备好后，接下来就能够进行Hexo的安装。

1. 首先，选择本地存放Hexo博客文件的位置，在路径下右键选择 Git Bash Here 打开Git命令界面
2. 在命令窗口中使用命令 npm i hexo-cli -g 安装Heox
3. 安装完成后使用 hexo -v 查看是否成功。
4. 使用hexo init初始化hexo文件夹
5. 使用npm install安装hexo须要的组件
6. 使用hexo g生成静态网页
7. 使用hexo s建立本地服务器，经过localhost:4000/访问

关联GitHub

咱们本地的hexo安装完成了，远程GitHub新建了仓库，且能够经过Git访问远程GitHub仓库，可是咱们本地的hexo尚未和远程仓库进行关联，只有关联后才能够实现博客的一键部署。

1. 打开hexo目录下的_config.yml文件，修改配置内容

#[yourName]即GitHub中的帐户名称
#绑定完成后，咱们能够将本地内容部署到GitHub远程仓库中
deploy:
    type: git
    repository: https://github.com/[yourName]/[yourName].github.io
    branch: master
复制代码

2. 使用命令安装Git部署插件；npm install hexo-deployer-git --save
3. hexo clean：清理项目生成文件
4. hexo g：从新生成文件
5. hexo d：部署项目到远程仓库
6. 部署完成后，咱们能够经过访问[yourname].github.io网址查看博客内容

文章发布

建立新的文件

• 在Hexo博客根目录下，使用 git bash 打开Git命令界面
• hexo new post "title" 新增一篇名为title的博客，文件格式为 title.md
• 使用本地markdown编辑器进行博客内容的书写

发布最新内容

• markdown操做完文件后，使用 hexo g 生成静态网页
• 使用 hexo s 能够开启本地服务器，在 localhost:4000/ 预览效果
• 使用 hexo d 上传到GitHub上，并部署博客网站，并使用 [yourname].github.io 网络地址进行访问

最后，咱们的我的博客就部署成功了，咱们能够记录咱们的一些平常，不断学习积累，努力在未来的一天惊艳到本身！