Hexo+Node.js 创建博客


本文中的命令标红并省略“$”,命令均在“Git Bash”中执行。

1.   准备工作:

①   安装Node.js:https://nodejs.org/en/

②   安装Git:https://git-scm.com/

 

2.   安装Hexo:

npm install -g hexo-cli

 

3.    建站:

在指定的“blog”文件夹中新建所需文件:

hexo init D:\blog

cd D:\blog

npm install

 

新建完成后,可见“blog”文件夹中的文件如下:

《Hexo+Node.js 创建博客》

 

4.   配置

_config.yml中可修改网站的大部份配置,如:title(网站标题)、author(作者)、url(网址)、theme(主题)等。详细配置见:https://hexo.io/zh-cn/docs/configuration.html

更换主题: 如果不喜欢hexo默认landscape主题,可git clone喜欢的主题到“themes”文件夹下,并修改_config.ymltheme参数。

 

5.   新建文章

hexo new HelloWorld

可在“source”文件夹的“_posts”文件夹下生成一个名为“HelloWorld.md”的文件,可用文本、Markdown编辑器等工具打开编辑。

 

6.   生成文件

hexo g

注:g为generate的简写,默认在“blog”文件夹中生成一个名为“public”的文件夹存放静态文件。

 

7.   启动服务器

hexo s

注:s为server的简写。

 

8.   预览效果:

浏览器访问网址:http://localhost:4000/

 

9.   部署到github

①   安装 hexo-deployer-git:

npm install hexo-deployer-git –save

②   配置_config.yml中的deploy参数:

type: git

repo: https://github.com/Jianmin-Yang/Jianmin-Yang.github.io.git

(repo中的地址是我在github上的一个仓库,仓库命名规则为 username.github.io

③   部署

hexo d

注:d为deploy的简写,部署时需登录github账号。

 

10.   绑定域名

① 注册域名:可在阿里云注册一个域名;

② 解析设置(设置2条):

1.记录类型CNAME,主机记录www,记录值jianmin-yang.github.io

2.记录类型A,主机记录@,记录值151.101.73.147(jianmin-yang.github.io的IP),可用http://ping.chinaz.com/ping

《Hexo+Node.js 创建博客》
③ Github解析

打开“jianmin-yang.github.io”→Settings→在“Custom domain”填入注册好的域名。

 

PS:部署到码市:

repo: http://username:password@git.coding.net/ericy/project.git
域名解析设置:记录类型CNAME,主机记录www,记录值pages.coding.me
在码市项目中,设置Pages服务→设置部署来源→ 自定义域名(需完善个人信息升级为银牌会员)

 

11.   Demo

Demo的主题是在Yelee的基础上改的,还是有点丑 ,就不上传了,有机会的话自己造一个。

推荐一个非常不错的主题:http://theme-next.iissnan.com/

 

Hexo文档:https://hexo.io/zh-cn/docs/

 

点赞