美文网首页
搭建hexo个人博客部署到github

搭建hexo个人博客部署到github

作者: cyw1227 | 来源:发表于2019-11-24 15:42 被阅读0次

    1.安装node.js

    Hexo需用通过npm安装,而npm需要node,现在只要安装node 就自带 npm了

    执行命令查看是否安装成功:
    
    node -v
    npm -v
    
    安装nmp阿里的命令:
    npm install -g cnpm --registry=https://registry.npm.taobao.org 
    
    检查是否安装成功:
    cnpm -v
    
    cnpm安装软件时会比较快 
    

    2.安装git

    首先查看电脑是否安装Git,终端输入

    git
    

    查看是否出现下图内容:


    image

    安装git:

    brew install git
    

    如果之前未安装homebrew,需安装homebrew,在终端输入:

    /usr/bin/ruby -e "$(curl -fsSL https://raw.githubusercontent.com/Homebrew/install/master/install)"
    

    3.安装hexo

    sudo su 进入root用户,执行下列命令安装:
    
    cnpm install hexo-cli -g
        或者:
    npm install hexo-cli -g
    
    查看是否安装成功:
    hexo -v
    

    4.搭建hexo

     hexo init blog  //初始化
     cd blog         //进入文件夹blog
     npm install    //安装
     运行:==hexo s== (浏览器里输入地址 localhost:4000 即可看到效果)
    

    5.部署到GitHub

    • 创建一个xxx.github.io的public仓库
    • 安装一个Git的插件:
    cnpm install --save hexo-deployer-git==
    
    • 修改站点配置文件(_config.yml),修改 depoly :
    deploy:
      type: git
      repo: https://github.com/chenyawei1227/chenyawei1227.github.io.git  <所建仓库地址>
      branch: master
    
    • 部署
    hexo clean  //清理
    hexo g      //生产页面
    hexo d      //部署到GitHub
    
    浏览器访问:https://chenyawei1227.github.io 查看到效果。
    

    6.更改主题

    hexo的主题很多,官网的主题:https://hexo.io/themes/
    这里以Cxo主题为例:

    #进入到themes文件夹下,下载主题:
    git clone https://github.com/Longlongyu/hexo-theme-Cxo Cxo
    
    # 修改 _config.yml 配置
    theme: Cxo
    
    执行:
    hexo clean
    hexo deploy
    
    浏览器访问:https://chenyawei.github1227.io 查看到效果。
    
    修改主题后启动如果报如下错误:
    extends includes/layout.pug block content include includes/recent-posts.pug include includes/partial
    
    则执行如下命令可解决:
    npm install --save hexo-renderer-jade hexo-generator-feed hexo-generator-sitemap hexo-browsersync hexo-generator-archive
    
    hexo clean
    
    hexo deploy
    
    

    7.创建新文章

    hexo new '文章名'
    
    就可以在blog的source文件夹里看到
    

    常用指令:

    npm install hexo-cli -g 
    hexo init 
    npm install
    hexo s
    hexo new "postName"          #新建文章
    hexo new page "pageName"     #新建页面
    hexo generate                #生成静态页面至public目录
    hexo server     #开启预览访问端口(默认端口4000,'ctrl + c'关闭server)
    hexo deploy     #部署到GitHub
    hexo help       #查看帮助
    hexo version    #查看Hexo的版本
    
    

    相关文章

      网友评论

          本文标题:搭建hexo个人博客部署到github

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