hexo+github搭建博客

本文详细介绍如何使用Hexo和GitHub Pages搭建个人博客,包括安装Git、Node.js,创建GitHub仓库,初始化Hexo,生成静态页面,部署至GitHub等步骤,以及更换主题和解决常见错误的方法。

hexo+github搭建博客需要我们先安装git,node.js和github的帐号

搭建过程

在github上我们需要创建一个名为username.github.io的仓库,uesrname为我们的github用户名,然后在设置中启用github page
打开命令行工具进入你想要创建项目的磁盘

新建文件夹

mkdir projectname

进入该文件夹

cd projectname

安装hexo

npm install -g hexo

初始化hexo

hexo init

生成静态页面

hexo g

启动本地服务,主要用于预览效果

hexo s

可以在浏览器中输入http://localhost:4000

打开项目根目录下的_config.yml文件,找到最下的内容改成如下形式,其中username同上为你的github用户名

deploy:
  type: git
  repo: git@github.com:username/username.github.io.git
  branch: master

然后在命令行中执行如下命令

npm install hexo-deployer-git --save

执行部署命令

hexo d

当我们想更换主题时,将下载的主题放在themes文件夹下,并更改根目录下的_config.yml下的theme属性的值为当前主题名称。再按主题所要求的配置进行修改。
有一些主题使用sass,需要我们安装hexo-renderer-sass,我们执行

npm install hexo-renderer-sass --save

很可能是网络问题,导致报错。我们需要使用cnpm安装
如果已经使用npm安装,我们先要卸载hexo-renderer-sass再安装,不然还会报错,如果还是不行那就都删掉,重来一遍

常用命令

每次部署需要使用

  hexo clean(一般并不需要)

  hexo generate(hexo g)#生成静态页面至public目录

  hexo deploy(hexo d)#将.deploy目录部署到GitHub

其他常用命令:

hexo new "postName" #新建文章

hexo new page "pageName" #新建页面

hexo server #开启预览访问端口(默认端口4000,'ctrl + c'关闭server)

hexo help # 查看帮助

hexo version #查看Hexo的版本
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值