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

使用hexo与github搭建个人博客

作者: 李傲龍 | 来源:发表于2017-05-21 20:02 被阅读25次

    1.简介

    hexo是一款基于Node.js的静态博客框架,github用来保管你的代码

    2.前期准备

    安装:

    3.建站

    安装hexo

    安装完成后,在G盘新建hexo文件夹来初始化hexo:

    g:
    mkdir hexo
    cd hexo
    hexo init
    

    生成的文件如下所示,source文件夹用来存放hexo中的文章等资源,themes文件夹用来存放hexo的不同主题,_config.yml文件是网站的配置信息


    我使用的是next主题,安装next:
     git clone https://github.com/iissnan/hexo-theme-next themes/next
    

    打开_config.yml文件配置主题与其它信息:

    title: 李傲龍
    subtitle: 脚踏实地,仰望星空
    description:
    author: 李傲龍
    language: zh-Hans
    
    theme: next
    

    因为主题文件中的字体使用的是fonts.googleapis.com中的字体,所以打开页面会比较慢。可以打开G:\hexo\themes\next\_config.yml文件,查找font,修改字体配置信息,网页将使用系统默认字体,修改turefalse

    font:
      enable: false
    

    在本地测试一下:

    cd /hexo
    hexo s     # hexo server
    

    出现下图所示,说明hexo已启动


    打开浏览器输入localhost:4000,出现类似下图,则说明hexo安装成功

    3.部署在github:

    安装模块:

    npm install hexo-deployer-git --save
    

    注册github账号:


    登陆后点击"Start a project",在"Repository name"处填"username.github.io"(必须这种格式,我已经建立过了所以会有警告)如下图:

    点击"Create repository",然后会进入到项目的页面,复制项目地址,一会儿会用到。
    然后配置hexo的_config.yml文件,在文件的最底部配置如下:
    deploy:
      type: git
      repo: https://github.com/li-aolong/li-aolong.github.io.git
      branch: master
    

    生成静态文件,文件会自动生成在.\hexo\public文件夹下:

    hexo g    # hexo generate
    

    发布文件:

    hexo d    # hexo deploy
    

    然后就可以打开li-aolong.github.io就可以看到了。

    相关文章

      网友评论

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

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