使用hexo搭建个人博客

下载node.js

无脑下载node.js稳定版本
安装完成后运行cmd测试是否安装成功:

1
$ node -v

若无报错,且顺利出现版本号则表示正确安装。

注册gihub

进入github官网无脑注册并验证邮箱,完成之后新建项目,做如下更改:

Repository name 为 username.github.io,勾选Initialize this repository with a README,点击生成Create repository
简单测试
在仓库中新建一个文件,index.html,输入:

1
<h1>Hello World</h1>

点击Commit changes保存提交,之后复制README.md中的域名(如下图),到浏览器得到Hello World字样。

下载安装git

下载与设备相应版本的git,一路默认next,在倒数第二个选项卡选择:

测试安装是否成功
启动cmd,输入:

1
$ git

若没有出现报错,并显示git相关信息,则安装成功。

配置githubSSH

在git的安装目录下打开git-bash,输入:

1
$ ssh-keygen -t rsa -C "email"

连续enter,直到配置成功。进入github,点击右上角头像选择Settings,点击SSH and GPG keys,选择右上角New SSH KeyTitle框内输入github用户名。用记事本打开C:\Users\Administrator.ssh文件夹下id_rsa.pub,复制全部内容到Key编辑框,点击Add SSH key完成全部配置。

使用hexo搭建博客

在某盘的目录下新建一个空文件夹,如D:\myBlog,启动cmd,使用命令行进入该文件夹,键入:

1
$ npm install -g hexo-cli

这一部分可以参考文档
安装完成后继续键入:

1
$ hexo init blogname

其中blogname为自定义的博客名。初始化完成之后在myBlog文件夹下会出现一个以blogname命名的文件,使用命令行进入该文件夹,安装npm:

1
$ npm install

安装完成后进行服务器测试,选择5555,键入:

1
$ hexo s -p 5555

之后在浏览器输入:

1
localhost:5555

即可看到默认的hexo博客。

安装文本编辑器

好用的文本编辑器有很多,如notepad++sublimesourceinsightvscode各有所长,在此推荐微软良心出品vscode,支持多种语言、插件丰富。对于编写blog来说其支持markdown语法的预览功能十分好用,避免了多次部署预览的繁琐。

将hexo发布到github

这一部分可以参考hexo文档的部署-git部分。首先安装hexo-deployer-git插件,cmd进入blog目录,输入:

1
$ npm install hexo-deployer-git --save

打开github仓库,选择之前建立的项目,点击Clone or Download,复制https链接。
使用vscode打开博客文件夹,编辑修改_config.yml:

1
2
author:authorname #作者名字
url:https://username.github.io #https://+从README.md处复制的域名

1
2
3
4
type: git
repo: <repository url> #https://bitbucket.org/JohnSmith/johnsmith.bitbucket.io
branch: [branch] #published
message: [message]

继续cmd运行:

1
$ hexo g

完成之后继续输入:

1
$ hexo d

如果需要则配置github:

1
2
$ git config --global user.email "email"
$ git config --global user.name "username"

此时再运行上述指令后会弹出github登陆页面,输入用户名和密码即可。完成这一步之后,在浏览器输入你的域名:username.github.io就可以访问你的博客啦!

后续

关于blog的编写,主题的更换页面的更改等会后续更新,因为我也在学习呀!
大家新年快乐哟!