用GitHub和hexo搭建个人博客 + matery主题设置传送门

一,准备工作

二,建立博客

  • 在资源管理器中你认为理想的位置建立一个存放博客的文件夹 _blog
  • _blog 文件夹中右键进入Git Bush Here
    在这里插入图片描述
  • 敲入指令:hexo init(初始化博客)
    在这里插入图片描述
    在这里插入图片描述
  • 安装依赖包,指令为: npm install
  • 本地启动hexo博客,指令为:hexo s(hexo start)   就可以在本地浏览器输入localhost:4000 来查看结果
    在这里插入图片描述 在这里插入图片描述

三,部署到Github上

  • 在Github上建立部署博客的仓库,而且仓库名格式必须为:用户名.github.io
    在这里插入图片描述
  • 修改配置文件
    • 复制链接
      在这里插入图片描述
    • 打开 _blog/_config.yml ,翻到文件的最底下,修改并添加如下代码:
deploy:
  type: git
  repo: git@github......mofi.github.io.git#此位置为上边复制的仓库连接
  branch: master
  • 一键部署
    • 通过 hexo-deployer-git 插件可以实现一键将博客同时部署到多个git仓库中。如同时发布到github及gitee提供的pages服务。

      cnpm install hexo-deployer-git --save
      
  • 清除缓存文件:hexo clean
    [注] 有时候部署的文件博客页面没发生变化,这时你就可以先清除一下缓存,然后用下边那个指令再发布到Github上。
  • 通过指令 hexo g -d 即可实现一键发布,并更新CDN缓存。

hexo g 全拼为 hexo generate 意义是:生成静态文件
hexo -d 全拼为 hexo -deploy 意义是:文件生成后立即部署网站

至此,个人博客就搭建完成了,但是呢还没有完,因为还有更换博客主题(其中的样式,特效等等),发布文章等着你去探索。当然,主题我也已经给你找好了,如果不喜欢,可以到hexo主题官网去寻找心仪的主题。

我的个人博客:繁星*墨菲

最后,希望看到此博文的人都能搭建属于自己博客,并充分利用搭建的博客,砥砺前行。

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

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

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

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值