hexo博客搭建(github托管)

HEXO Blog搭建简记

注:推荐观看bilibili的up主codesheep的hexo视频教程,本博客是参考该视频

1. 部署环境

  • 安装nodejs:官网下载,下载完包括nodejs本身和npm包管理器

  • 管理员身份打开终端(推荐git bash)

    node -vnpm -v验证是否安装成功

    用npm安装cnpm的taobao源,防止丢包,提高安装成功率,用cnpm -v验证

    cnpm install -g hexo-cli 全局安装hexo博客框架,用hexo -v验证

2. 初始化博客

  • 建立一个空的文件夹,作为blog博客目录

  • 在blog目录下,hexo init 自动克隆博客框架到本地

    [外链图片转存失败,源站可能有防盗链机制,建议将图片保存下来直接上传(img-gT1zTafU-1587029314408)(https://gitee.com/yangfanjack/blogimage/raw/master/img/349QHS.png)]

  • hexo s在本地localhost:4000`端口可以预览本地的博客

3. 写博客

  • hexo n "blog name" 生成新博文到source文件夹下,就可以愉快的写博客了
  • hexo clean 清理目录之后,hexo g 更新生成

4. 部署博客到GitHub(免费,推荐)

  • 为了远程访问,需要将博客部署到远程仓库,方式有多种,这里推荐github,因为免费

  • github中新建仓库,仓库名设置为 你的github用户名.github.io

  • 在本地blog根目录安装git部署插件:cnpm install --save hexo-deployer-git

  • 设置_config.yml文件,在文件最底部添加自己的Github仓库地址

  • hexo clean 
    hexo g
    hexo d     按照提示输入github密码完成远程部署
    
  • 通过你的github用户名.github.io 远程访问自己的博客,完美打开

5. 后续自定义美化博客

  • 主题选择

    可以访问hexo官方网站,选择自己喜欢的主题

  • 克隆主题到本地themes目录下:

    git clone https://github.com/XXXX/XXX.git themes/XXX

  • _config.yml 中修改主题为XXX

  • 最后在主题文件夹里面的配置文件里面实现自定义功能和美化

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

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值