最近突然想上手做一个自己的博客,结合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
刷新一下,就成功啦
具体其他修改可以阅读官方文档