写在前面的话
很早以前就想要搭建一个个人的博客,奈何只是一个前端切图仔,对于后端和数据库接口上手存在一定的难度,于是一拖拖了很久,今天无意中发现了使用Hexo搭建个人博客很快就能用了,而且托管在github平台也不需要自己去买服务器域名和维护,一举数得,非常nice,记录了一下搭建Hexo个人博客的步骤,尽可能的写的详细一点~
准备工作步骤
1:GitHub上面新建一个仓库,用来放自己的博客 2:安装git工具,生成SSH添加到GitHub 3:本地环境搭建,安装node 和npm 4:本地初始化Hexo项目并且运行 5:Hexo主题 6:部署到github 7:生成markdown文件,写文章并且发布
言归正传,开始我们的写作步骤吧
一:在GitHub上面新建一个仓库,用来放自己的博客
1:新建一个仓库 创建一个和你用户名相同的仓库,后面加.github.io后缀,必须要同名哦,不然后面会出现页面404的情况,点击create respository按钮创建。
2:安装git工具,生成SSH添加到GitHub 安装git工具这里就不多说了,安装完成之后,在桌面上git bash进入命令行,输入GitHub用户名和邮箱验证。
yourname输入你的GitHub用户名
youremail输入你GitHub的邮箱
查看输入是否正确
3:然后创建SSH,一路回车
ssh-keygen -t rsa -C "xxxx7537@qq.com"(你的邮箱)
这个时候可以看到在磁盘里面生成了私人密钥和公共密钥了
4:在GitHub上设置密钥 在GitHub的setting中,找到Deploy keys的设置选项,点击新建一个密钥,把id_rsa.pub里面的信息复制进去,id_rsa.pub打开方式可以使用浏览器打开。
新建密钥成功,到这里github仓库和密钥问题就OK了。
二:Hexo搭建个人博客-框架的本地安装和运行
1:Hexo的官网 hexo.io/
2:安装node 和npm
hexo基于node.js,本地需要安装node 和npm,安装步骤就不多说了
查看一下是否有版本号,有的话则安装成功。
3:全局安装 hexo
npm i hexo-cli -g
hexo init blog
cd blog
npm install
hexo server
三:更换一个自己喜欢的主题
1:博客主题的安装 主题这一块可以选择自己喜欢的,以下是以一个Anisina主题为例,这里有很多主题可以选择:传送门:hexo.io/themes/。比如选…
git clone https://github.com/Haojen/hexo-theme-Anisina.git themes/Anisina
3:打开_config.yml文件夹,更改主题名字
4:再次启动,就可以看到更换的主题了。
四. 部署到github
1:在配置文件里面填写仓库地址 在项目里面找到 _congif.yml文件,找到 deploy 字段,把以下代码放进去,填写第一步新建的仓库地址。
# Deployment
## Docs: https://hexo.io/docs/deployment.html
deploy:
type: git
repo: <你的仓库地址> # https://github.com/wangxiaoting666/wangxiaoting666.github.io.git
branch: master
2:安装一个推送工具,将本地项目推到仓库上。
npm install hexo-deployer-git --save
hexo clean
4:hexo generate 生成静态文件,可以用 hexo g缩写
hexo g
可以看到在目录里面生成了一个静态的文件,生成好的public文件夹就直接当成静态网站进行部署即可。
5: 部署
hexo deploy
注意这里需要输入GitHub用户名和密码哦
6:查看仓库,已经将项目放在仓库里面了
五:开始写文章
1:新建一个markdown文件
hexo new newpapername
2:当你写完的时候,再输入命令
hexo clean
hexo g
hexo d
就可以看到新增的自己的文章了
3:如果要再写一篇,可以再生成一个md文件进行书写
hexo new test