美文网首页
使用hexo+github搭建个人博客

使用hexo+github搭建个人博客

作者: 听闻后来 | 来源:发表于2018-07-05 19:27 被阅读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
    

    就可以看到个人博客啦。

    相关文章

      网友评论

          本文标题:使用hexo+github搭建个人博客

          本文链接:https://www.haomeiwen.com/subject/mcqmuftx.html