利用Github pages建站

前面我写了一篇《利用Github pages建站-超简单小白专属 》

随着hexo版本的升级,我在这篇博文里对内容进行更新

 

GitHub准备

  • 注册github账号,并新建一个用户名+github.io的repository

下载安装nodejs

安装hexo

npm install hexo-cli -g #安装
hexo init blog #初始化项目
cd blog
npm install #安装依赖
hexo server #本地查看效果,访问地址为http://localhost:4000

更换主题

  • 安装配置freemind主题
  • 在blog目录下
  • git clone https://github.com/wzpan/hexo-theme-freemind.git themes/freemind
  • npm install hexo-tag-bootstrap --save
  • 添加blog目录下添加的source目录下分别添加categories,tags,about,并分别新建index.html

    内容分别如下:

title: Categories
layout: categories
---
title: Tags
layout: tags
---
title: About
layout: page
---

Something about me. ;-)
  • 配置freemind

blog\themes\freemind目录下有个_config.yml请按照需要修改

配置hexo

  • blog根目录下也有个_config.yml,按照自己需求修改
  • 其中主题修改theme: freemind

发布到github

  • 先安装git部署插件
npm install hexo-deployer-git --save
  • 修改根目录下_config.yml
deploy:
  type: git
  repository: https://github.com/wiselyman/wiselyman.github.io.git
  branch: master
  • 发布
hexo clean  
hexo generate  
hexo deploy #输入帐号密码
  

 

 

效果:

 



 

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

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

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

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值