Hexo搭建个人博客(基础篇)

本文为建站初期小结,查看完整建站教程:Hexo+nexT主题搭建个人博客

讲述Hexo的安装,nexT主题的下载及其简单配置。

安装HEXO

切换到博客所在目录,运行Git Bash,依次执行以下命令:

1
2
3
$ npm install -g hexo-cli
$ hexo init
$ npm install

指定博客文件夹的目录如下:

1
2
3
4
5
6
7
├── _config.yml
├── package.json
├── scaffolds
├── source
| ├── _drafts
| └── _posts
└── themes

运行:

1
2
$ hexo g
$ hexo s

在浏览器中输入:http://localhost:4000/即可访问本地博客,如下图所示:

fig11

参考: HEXO官方帮助文档

下载NexT主题

切换到博客所在目录,运行Git Bash,执行以下命令:

1
$ git clone https://github.com/iissnan/hexo-theme-next themes/next

打开站点配置文件_config.yml,将其中的theme: landscape改为theme: next,保存修改,执行hexo g,hexo s,在浏览器中查看本地博客如图:

fig12

NexT主题简单配置

根据NexT官方帮助文档,选择scheme为Mist,界面语言为zh-Hans,选择侧栏位置为right,侧栏显示时机为post,添加站点图像,作者昵称,站点描述等基本信息,效果如图:

fig13

至此,个人博客雏形基本显现,下一步进行优化。

本文标题:Hexo搭建个人博客(基础篇)

文章作者:wuxubj

发布时间:2016年05月21日 - 15:05

最后更新:2017年05月03日 - 10:05

原始链接:http://www.wuxubj.cn/2016/05/Hexo-build-personal-blog-basics/

许可协议: Attribution-NonCommercial 4.0 转载请保留原文链接及作者。

扫二维码
扫一扫,用手机访问本站

扫一扫,用手机访问本站