电脑环境是Windows,安装好git后,所有搭建操作均在git bash内完成
1.安装git, node.js, npm
(注意:首次安装git 要配置user信息
$git config --global user.name "yourname" #(yourname是git的用户名)
$git config --global user.email email)
2.使用npm安装hexo: npm install -g hexo
3.创建hexo文件夹,并单击鼠标右键选择 Git bash:(我的创建路径是:E:\一古学习hexo)
4.在git bash 下操作:
$hexo init #hexo 会自动创建网站所需要的文件
$npm install #安装依赖包
$hexo generate # hexo g = hexo generate
$hexo server #现在可以用127.0.0.1:4000访问hexo默认的hello world界面 ,hexo s = hexo server
5.部署到github (https://github.com/),首先注册登录,然后创建页面仓库,Repository name 命名应该是 youname.github.io ,(youname 就是你注册时候用的name)
ssh-keygen -t rsa -C "email" #生成ssh密钥,按三次回车键,密码为空,这边会生成id_rsa和_rsa.pub文件,打开id_rsa.pub,复制全文添加到GitHub 的Add SSH key中。
$hexo generate
$hexo deploy
表示成功
通过https://qinuniverse.github.io进行访问
6.但是目前访问的博客比较简单,可以使用hexo的主体模板,下面介绍使用:hexo-yilia模板
$git clone https://github.com/litten/hexo-theme-yilia.git themes/yilia #下载hexo的yilia 模板到自己的文件目录下
打开项目目录下的_config.yml文件,更改theme:
这边暂时用了原始模板,后期可以在 themes/yilia目录下的_config.yml进行自定义显示设计
7.开启评论功能:使用gitment
$npm install gitment --save #安装gitment
然后在 https://github.com/settings/applications/new 进行注册,获取Client ID和Client Secret
打开themes/yilia目录下的_config.yml文件进行修改并保存:
再次生成网站和提交网站:
$hexo g
$hexo d
等一会之后就可以访问了: https://qinuniverse.github.io
功能截图: