免费搭建一个博客,修改博客样式

最近突然想上手做一个自己的博客,结合hexo框架,将GitHub当做仓库。操作之前,注意:

要有node.js环境,并且npm切换使用淘宝镜像源。

本人此次操作为Windows系统

hexo操作部分

安装hexo框架

npm i -g hexo-cli

新建一个blog文件夹,在该文件夹目录下,初始化项目

hexo init

安装完毕之后,检查一下blog文件夹

在blog目录下启动博客

hexo s

检查完博客之后

我们开始新建一篇博客

hexo n "我的第一篇博客文章"

在该目录下找到文章,用你自己的编译器打开md文件,可以直接编写你的博客,使用md语法。离开编译器的时候记得保存

在生成新博客前接下来先清理一下

hexo clean

然后就可以生成新博客

hexo g

刷新一下界面

GitHub操作部分

首先你得先有账号,在官网上进行注册,记住你的账号跟密码

然后创建一个新的仓库

记得名字要前后一致

xxx.github.io 

 装一个hexo-deployer-git插件。该插件在blog文件夹,也就是你自己创建的博客文件夹下装入。

npm i --save hexo-deployer-git

安装成功之后,用自己的编译器打开blog文件夹下的-config文件,滑到最底下,补充信息

 repo填写的是刚刚创建的仓库的地址

 注意:文件修改记得要保存

文件修改成功之后清理一下就开始部署

hexo clean
hexo d

第一次推GitHub,要在本地连接登录授权。密码采用盲打模式

更换博客主题

这里有一个简约型的博客主题

GitHub - litten/hexo-theme-yilia: 一个简洁优雅的hexo主题 A simple and elegant theme for hexo.

在blog目录下,把这个主题拉下来

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

下载成功后,blog文件夹下就会多了一个themes文件夹

并且修改_config.yml文件,在编译器打开文件,滑到底下,修改theme:yilia

 文件修改保存后,hexo clean清理一下,然后重新跑一下,保存起来,推到GitHub

hexo clean
hexo g
hexo s
hexo d

刷新一下,就成功啦

具体其他修改可以阅读官方文档 

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

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值