使用hexo+github搭建个人博客

2018-07-05  本文已影响0人  听闻后来

前言

一直想搭建一个博客,因为懒一直没弄...这两天闲来无事,就用GitHub和hexo搭建了一个,在这里记录一下搭建过程吧。

安装Git Bash

  1. 首先下载对应版本的GitBash 下载地址
  2. 安装GitBash,没什么好说的,一直点next就好
  3. 安装完成之后,打开GitBash,输入git version查看GitBash的版本:
    查看GitBash版本

安装Node.js

  1. 首先下载对应版本的Node.js 下载地址(其中LTS为长期支持版,Current为最新版)
  2. 安装完成之后查看Node.js版本:


    查看Node.js版本

安装hexo

  1. 首先需要在本地创建一个文件夹用来存放所以hexo博客有关的东西,然后在GitBash中cd到该文件夹下:

    image
  2. 运行安装hexo的命令npm install -g hexo-cli,我已经安装过,这里就不演示了。

  3. 安装完成后,查看一下版本: 查看hexo版本
  4. 运行初始化命令:hexo init,完成之后打开所在文件夹,可以看到生成了如下文件:

    hexo初始化生成文件
  • node_modules:依赖包
  • public:存放的是生成的页面
  • scaffolds:模版文件夹。新建文章时,Hexo 会根据 scaffold 来建立文件
  • source:资源文件夹是存放用户资源的地方
  • themes:主题文件夹。Hexo 会根据主题来生成静态页面。
  • _config.yml:网站的配置信息,可以在此配置大部分的参数
  • db.json:source解析所得到的
  • package.json:应用程序的信息
  1. 可以参考官方文档了解更多信息 官方文档地址

创建GitHub账号

  1. 首先需要到GitHub网站上创建一个账号 https://github.com/
  2. 到个人页面上创建一个repository,名称一定要是yourGithubName.github.io(其中yourGithubName为你的github名称,不然后面会出问题,访问不到对应的页面: 创建repository
    创建repository
  3. 在gitbash中配置github账户信息:
git config --global user.name "yourgithubname"
git config --global user.email "youremail"
  1. 创建ssh:在gitbash中输入:ssh-keygen -t rsa -C "youremail",生成ssh之后,需要切换到.ssh目录下,然后找到id_rsa.pub文件的内容: ssh信息 复制ssh信息放到github中: 插入ssh信息
    插入ssh信息
  2. 在gitbash中验证是否添加成功:ssh -T git@github.com

配置hexo

  1. 修改_config.yml文件的一些配置(注意冒号之后都是有一个半角空格的):
deploy:
    type: git
    repo: https://github.com/yourname/yourname.github.io.git
    branch: master

可以参考官方文档配置更多信息 官方文档地址

  1. 回到gitbash,需要先切换到博客目录下,执行
npm install hexo-deployer-git --save

将写好的文章部署到github服务器上

  1. 执行命令(建议每次都按照如下步骤部署):
    hexo clean
    hexo generate
    hexo deploy

deploy的过程中有弹出框,输入github的username及passward就行了。
在浏览器中输入

    http://yourgithubname.github.io

就可以看到个人博客啦。

上一篇下一篇

猜你喜欢

热点阅读