0%

博客制作(一)用Hexo搭建个人博客

这篇博客将会教你如何零基础打造个人博客

Github Pages

首先你需要有一个github账号,并创建<Github‘s User name>.github.io的项目,并保证该项目为空。

Hexo

安装Node.js

Node.js下载页

选择长期支持版本即可

安装Git

Git下载页
按默认下载

在桌面空白处点击右键,你就会发现右键菜单多了两个命令 Git GUI hereGit bash here

制作博客

在电脑任意盘符空白处,右键新建名为blog的文件夹,文件名最好不要是中文。

右键Git bash here,输入(注意该过程不是在blog文件夹里)

1
2
3
4
$ npm install hexo-cli -g
$ hexo init blog
$ cd blog
$ npm install

进入blog文件夹,右键Git bash here,输入

1
2
$ hexo g
$ hexo s

浏览器中打开 http://localhost:4000 ,可以看到一个网页,说明Hexo博客已经成功在本地运行。

Ctrl+c,关闭

将博客部署到Github Pages

安装发布插件

在blog文件夹中命令行右键Git bash here输入

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

修改Hexo站点的配置文件

在blog文件夹中,找到_config.yml文件。使用Notepad++或者Sublime Text(其他编辑软件也可)打开文本。

找到url,修改为

1
url: https://<Github's User name>.github.io/

划到文件最底下,修改为

1
2
3
4
deploy:
type: git
repo: https://github.com/<Github‘s User name>/<Github‘s User name>.github.io.git
branch: master

注意!请使用英文输入法,:是有区别的,其次在:的后面请留出一个空格,记得保存。

部署

在blog文件夹中命令行右键Git bash here输入

1
$ hexo d

按提示输入账号密码,等待远程部署。

部署完毕后,在https://<Github's User name>.github.io/查看效果。