Windows环境搭建hexo博客部署到GitHub上

34 篇文章 0 订阅
28 篇文章 3 订阅

首先安装node.js

官网:https://nodejs.org/en/,直接安装即可!
在这里插入图片描述
安装完成后查看下版本:
在这里插入图片描述
npm是node.js上的包管理器,需要用到npm下载hexo,但速度太慢了。
先使用npm安装国内的淘宝镜像源cnpm,步骤如下

npm install -g cnpm --registry="https://registry.npm.taobao.org"

下载完成后,查看:
在这里插入图片描述

cnpm 安装hexo
cnpm install -g hexo-cli

如果是npm安装:

npm install -g hexo-cli

查看是否安装成功:
在这里插入图片描述

启动博客
  • 新建个用于博客的文件夹,进入文件夹下,然后开始初始化
hexo init

启动:

hexo server	//或 hexo s

在这里插入图片描述

  • 写一篇文章:
hexo new "内容标题"//或 hexo n "内容标题"

在这里插入图片描述
然后在source_posts下就会生成一个Markdown格式的文章,接着用编辑器打开后编写文章即可。

  • 写了一篇文章后清除缓存文件
hexo clean
  • 然后再次启动博客:
hexo server

博客部署到GitHub上

在GitHub上创建仓库,仓库名格式必须是:用户名.github.io
如:
在这里插入图片描述
在这里插入图片描述
在这里插入图片描述

  • 在blog文件夹下安装git部署 插件
    出现错误是正常现象
cnpm install --save hexo-deployer-git

在这里插入图片描述

  • 修改配置文件_config.yml,填上刚才创建仓库的地址
deploy:
  type: git
  repo: https://github.com/xdr630/xdr630.github.io.git	//仓库地址
  branch: master

部署在github上的命令:

hexo deploy //或 hexo d

在这里插入图片描述
然后直接访问:xdr630.github.io 就行了

更换主题:

如:
https://github.com/litten/hexo-theme-yilia
https://github.com/xdr630/hexo-theme-icarus
我的本地已经clone过两个主题:
在这里插入图片描述
git clone /blog/themes/yilia文件夹下

git clone https://github.com/litten/hexo-theme-yilia.git themes/yilia

打开配置文件 _config.yml 修改 theme

theme: yilia

之后再清除下缓存:

hexo clean

重新生成:

hexo generate 	//或 hexo g

访问:
在这里插入图片描述
部署到github上:

hexo deploy //或 hexo d

访问:xdr630.github.io
在这里插入图片描述
也可以自己改主题的一些css样式之类。
这里我访问xdr630.github.io跳到yunxdr.top时,这是因为我在GitHub Pages设置了自定义域名,有关设置方法的详情请访问我写的这篇文章:https://blog.csdn.net/qq_41684621/article/details/103230888

评论 3
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包

打赏作者

兮动人

你的鼓励将是我创作的最大动力

¥1 ¥2 ¥4 ¥6 ¥10 ¥20
扫码支付:¥1
获取中
扫码支付

您的余额不足,请更换扫码支付或充值

打赏作者

实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

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

余额充值