GitHub+hexo+gitment搭建一个具有评论功能的个人博客(入门级)

来源:互联网 发布:php soapheader 编辑:程序博客网 时间:2024/06/07 12:49

电脑环境是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

功能截图:



原创粉丝点击