不折腾,不成魔,没有自己的博客不算一个合格搬砖人,本篇文章主要介绍用github结合Hexo搭建个人免费博客,来实现自己的博客梦。
准备工作
安装Node.js
官网下载Node.js稳定版安装包,一路默认Next安装就行,官网地址:https://nodejs.org/en/
安装Git
官网下载Git安装,地址:https://git-scm.com/downloads
我假设你有Github账户,没有的先面壁去,完了再去官网注册吧
开始
安装Hexo
新建一个要存放博客文件的文件夹,比如我的都存放在D:\study\blog目录下。
在该目录下右键点击Git Bash Here,打开git的控制台窗口。
输入
npm i hexo-cli -g
安装Hexo,此时文件夹还是啥都没有。初始化博客文件
hexo init
,此时会生成需要的博客文件。输入
npm install
安装必备的一些组件。做完如上步骤,博客框架已经有了,但我们想要以网页的形式展现,在输入
hexo g
生成静态网页,我们就可以登录网站看了。输入hexo s,打开本地服务器,然后浏览器输入
http://localhost:4000/
就能查看博客真面目了,看完后记者按Ctrl+c关闭本地服务器。如上博客就建好了,是不是简单,先别兴奋,此时经验的博客也只有自己能看到,想要让别人也能看到,就需要发布到服务器上,此刻,我们的Github就登场了.
部署到Github
Github提供了一个Github Page的功能,来实现静态网页的显示,我们就是借用此功能来部署我们自己的博客.
Github环境配置
在Github上新建一个仓库,如下:
然后在如下界面输入必要信息,注意看图中标注,尤其是仓库名字那个,必须是你自己github的用户名在加上.github.io后缀。例如我的,就是KenZP.github.io, 勾选创建readme,最后点Create就OK了。
仓库建好了,现在就需要把本地的博客部署到Github了,需要先做一些Github配置.
在git bash里面输入如下命令:git config --global user.name "你的github用户名" git config --global user.email "你注册github的邮箱"
然后生成密钥SSH key:
ssh-keygen -t rsa -C "你注册github的邮箱"
在C盘用户名下有个.ssh文件夹,比如我的路径:
C:\Users\zhken\.ssh
,把里面的id_rsa.pub打开,复制里面的字串。在你github头像下面点击settings,再点击SSH and GPG keys,新建一个SSH,名字随便起一个,然后把上一步复制的字串写到Key那个框中,然后点Add SSH Key。
此刻,你本地就可以和Github仓库做交流了,下面就是把本地的博客部署到github。
部署
- 打开博客根目录下的_config.yml文件,这是博客的配置文件,在这里你可以修改与博客相关的各种信息。
修改最后一行的配置:注意的是仓库地址,repository修改为你自己的github项目地址,比如我的是git@github.com:KenZP/KenZP.github.io.git
deploy:
type: git
repository: git@github.com:KenZP/KenZP.github.io.git
branch: main
- 需要安装一个部署扩展:运行如下命令:
npm i hexo-deployer-git
- 最后一步,运行如下三个命令,就部署成功了,稍等片刻,让github给你打一会工,登陆你的github io地址就能看到了。
hexo clean hexo g hexo d
写文章
博客部署成功了,那我们怎么写博客并发布呢?
- 运行
hexo new post "title"
,这里的title具体是指要写的文章名,然后会在_post文件夹下生成一个markdown文件,即title.md - 然后按照markdown语法在title.md里面写文章
- 写完后运行如下三连就发布成功了,就能在你的博客网站上看到新发的文章了。
hexo clean hexo g hexo d
总结
经过一顿操作,你的个人博客就建成了,也能发文章了,但是你发现这个只是一个最基础的博客,其实还有很多事要做,比如不喜欢githubio这样的网址,要绑定为自己的域名,比如不喜欢博客主题想换一个,等等这些还有很多东西可以DIY.
后面我会更新如何去换一个博客主题以及对主题的配置,最终DIY一个自己最喜欢的博客.