搭建hexo个人博客部署到github

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

查看是否出现下图内容:

安装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的版本

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值