github + hexo + yilia搭建我的博客

本篇主要记录一些本身github博客搭建的过程。

一、配置 Node.js 和配置 Node.js 环境

二、安装Git和配置Git环境

    注：本篇主要写搭建博客，工具类的再也不赘述

三、github配置

• 咱们假设你已经有了一个 github 帐号，你须要添加一个新的 new repository。点击建立一个新的 repository ，你须要将你的 Repository name 设置为 ** 帐户名.github.io ** ，这一步相当重要。

• 在建好的项目右侧有个settings按钮，点击它，向下拉到GitHub Pages，你会看到一个 http://帐户名.github.io 的网址，这样，你已经有一个属于本身的博客啦。

  四、hexo 配置

• 首先找一个合适的位置建立一个文件夹，经过 git 进入到该文件夹下
• 输入 npm install hexo -g，开始安装Hexo
• 输入 hexo -v，检查hexo是否安装成功
• 输入 hexo init，初始化该文件夹。看到 ** “Start blogging with Hexo！” ** 即成功
• 输入 npm install,安装所需组件
• 输入 hexo g,对文件进行编译

• 输入 hexo s,输入hexo s，开启服务器，访问该网址，正式体验Hexo。
      个人默认端口是4000，若是你的页面一直没法跳转，多是端口号被占用，能够经过 hexo server -p 端口号 进行修改。

  五、将Hexo与Github page联系起来

• 设置Git的user name和email（对于第一次设置的童鞋）

git config --global user.name "xxx"
    git config --global user.email "xxx@gmail.com"

• 输入cd ~/.ssh，检查是否有.ssh的文件夹，输入ls，列出该文件下的内容。若是有id_rsa,id_rsa_pub,known_hosts,则说明存在。
• 输入 ssh-keygen -t rsa -C "你的github邮箱地址",连续三个回车，生成密钥，也会自动生成两个文件：id_rsa和id_rsa.pub（默认存储路径是：C:\Users\Administrator\.ssh）
• 输入eval "$(ssh-agent -s)"，添加密钥到 ssh-agent
• 输入ssh-add ~/.ssh/id_rsa，添加生成的 SSH key 到 ssh-agent
• 登陆Github，点击头像下的settings，点击 SSH and GPG keys，点击 右侧的 new SSH key，用VS Code打开id_rsa，ctrl + A 所有复制粘贴到新建的 SSH key 中。
• 输入ssh -T git@github.com，测试添加ssh是否成功。若是看到Hi后面是你的用户名，就说明成功了。
• 配置Deployment，在其文件夹中，找到_config.yml文件，修改repo值（在末尾）,配置成以下效果。

deploy:
  type: git
  repo: git@github.com:limoon7/limoon7.github.io.git
  branch: master

• 新建一篇博客，在git下执行命令：hexo new post “博客名”，这时候在文件夹_posts目录下将会看到已经建立的文件。
• 在生成以及部署文章以前，须要安装一个扩展：npm install hexo-deployer-git --save
• 使用编辑器编好文章，那么就可使用命令：hexo d -g，生成以及部署了
• 部署成功后访问你的地址：http://用户名.github.io,就能够看到你的文章啦
• 在实际的使用中，能够修改过文件后能够先在本地预览预览，经过hexo -s 命令
• 我的通常使用的顺序为： hexo clean ,hexo -g ,hexo -s, hexo -d

六、配置 yilia 主题

    是否是以为配置好的不是很美观，那就来一个优雅大方的主题吧！

参考资料:一个简洁优雅的hexo主题 A simple and elegant theme for hexo.

七、遇到的一些问题

-hexo d 出现ssh链接问题，以下所示

ssh: connect to host github.com port 22: Connection timed out

解决方法：git 链接 github 超时问题

欢迎你们访问个人博客：lemon的世界