Hexo创建自己博客

安装Hexo

1、前提已经安装了nodejs(点击安装nodejs指导),首先安装 Hexo ,完成后初始化Hexo,将会在指定文件夹中新建所需要的文件。

$ npm install hexo-cli -g
$ hexo init <folder>
$ cd <folder>
$ npm install

在这里插入图片描述
2、安装项目所需的依赖项
在这里插入图片描述
会生成以下文件:
在这里插入图片描述
需要说明的是:_config.yml是博客项目的配置文件;package.json是项目的依赖项文件;scaffolds保存了Markdown文件的模板,也就是向新添加的Markdown文件中默认填充的内容;source目录下有一个名为_post的目录,我们稍后可以将编写好的Markdown文件放到该目录,这样就可以利用Hexo将Markdown文件处理成博客的静态页面,生成的静态页面将置于public目录下;themes文件夹保存了博客使用的主题。

3、生成静态页面

$ hexo generate
#或者简写
$ hexo g

在这里插入图片描述4、启动服务:

$ hexo server

启动服务器。默认情况下,访问网址为: http://localhost:4000/
在这里插入图片描述

将博客托管到github

我们可以利用GitHub网站提供的Pages服务来托管我们的博客。在GitHub Pages的首页上就有一个教程指导我们如何托管自己的网站,当然第一步得在GitHub上注册一个属于自己的账号,登录成功之后才能进行后续的操作。

1、根据自己的用户名创建一个仓库,仓库一定要取名为“用户名.github.io”。例如:我在GitHub上的用户名是jackfrued,那么我的托管博客项目的仓库一定要命名为jackfrued.github.io。

2、修改博客项目的配置文件_config.yml,配置使用GitHub来部署该博客项目。

# 省略上面的内容
# Deployment
## Docs: https://hexo.io/docs/deployment.html
deploy:
  type: git
  repo: https://github.com/myname/myname.github.io.git
  branch: master

上面的配置中,type指定了使用git进行项目部署,repo指定了部署项目的git仓库的URL,我们这里使用的是HTTPS的地址,如果之前配置过密钥对也可以使用SSH的地址,branch指定了将代码同步到仓库中的哪一个分支,通常master分支就是发布项目最终工作成果的分支,也称为项目的主分支。

3、安装名为hexo-deployer-git的部署器插件,通过该插件就能实现一键部署。

npm install hexo-deployer-git --save

在这里插入图片描述
4、一键部署到GitHub

hexo deploy -g

或者

hexo generate -d

我在执行的时候报错:
在这里插入图片描述
报错的原因是我的git没有配置用户名和email,所以无法push到github上,这里需要配置下(配置方法
windows系统的项目目录下右键—点击 git bash here
然后会弹窗命令窗口,输入:

$ git config --list 

继续

$ git config --global user.name "输入你的用户名"
$ git config --global user.email "输入你的邮箱" 

在这里插入图片描述
然后重新执行下命令就ok了。
在这里插入图片描述
下面是我发布后的页面
在这里插入图片描述

更换主题

选择主题并clone到项目的themes目录下

$ git clone https://github.com/chaooo/hexo-theme-BlueLake.git themes/BlueLake

在这里插入图片描述
再安装依赖
在这里插入图片描述
clean且重新发布到github
在这里插入图片描述

更多操作信息请点击访问Hexo官网

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

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

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

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值