Hexo搭建个人博客(一)——框架搭建

写在前面:完成此篇教程后,即可实现hexo个人博客的简单部署。下一步我们就要进行博客网站的布局设计,页面美化,可以参考下一篇文章《Hexo搭建个人博客(二)——页面美化》

目录

1、安装git

2、安装Node.js

3、安装Hexo

4、安装next主题

5、本地调试

6、服务器部署

(1)注册github

(2)配置git账户信息

(3)配置SSH

① 生成SSH

②复制公钥内容到Github账户信息中

③测试SSH是否配置成功

 (4)安装部署工具

(5)开始自动部署 


1、安装git

下载地址:Windows git工具

安装后添加环境变量

2、安装Node.js

下载地址:nodejs

3、安装Hexo

先在E盘创建一个目录作为Hexo站点(盘符自己决定),例,本教程在E盘根目录创建了一个blog文件夹。打开blog文件夹,在地址栏输入cmd打开命令提示符,进行如下操作:

npm install -g hexo    //安装hexo
hexo init    //初始化,创建一个hexo站点
//安装依赖
npm install
npm install hexo --save
npm install hexo-server

4、安装next主题

git clone https://github.com/iissnan/hexo-theme-next themes/next	//克隆next主题文件到站点根目录下的/themes/next

切换next 主题:打开站点配置文件(E:\blog\_config_yml),搜索theme: landscape,改为theme: next。需要注意的是,hexo中所有键值对需要在冒号后加一个空格,很重要。

修改next主题风格:打开主题配置文件(E:\blog\/themes/next/_config.yml),搜索Scheme Settings ,取消注释scheme: Mist

5、本地调试

hexo g    //生成静态页面
hexo s    //启动服务

正常即可打开浏览器http://localhost:4000进行预览 

6、服务器部署

(1)注册github

新建一个仓库,仓库名为“用户名.github.io”。具体过程这里不多说,可以参考《搭建个人博客-hexo+github详细完整步骤》。仓库创建好后,

打开站点配置文件,切到最后面,设置服务器仓库地址

(2)配置git账户信息

git config --global user.name "yourname"
git config --global user.email "youremail@xx.com"

(3)配置SSH

① 生成SSH

打开Git Bash,输入以下命令,则生成一个新的SSH

ssh-keygen -t rsa -C "your e-mail"    //your e-mail是你注册Github时用到的邮箱。

然后接下来几步都直接按回车键,最后生成如下

②复制公钥内容到Github账户信息中

打开~/.ssh/id_rsa.pub文件,复制里面的内容;

打开Github官网,登陆后进入到个人设置(点击头像->setting),点击右侧的SSH Keys,点击Add SSH key;填写title之后,将之前复制的内容粘贴到Key框中,最后点击Add key即可。

③测试SSH是否配置成功

输入

ssh -T git@github.com

如果显示以下,则说明ssh配置成功。

Hi username! You've successfully authenticated, but GitHub does not
provide shell access.

 (4)安装部署工具

npm install hexo-deployer-git --save

(5)开始自动部署 

//第一次部署
hexo d
//之后部署
hexo clean
hexo d

部署可能出现的问题:服务器内容没有更新

解决方法:删除站点根目录(E:\blog)下.deploy_git文件夹,再次执行以上“之后部署”的命令。

 

下一篇文章:《Hexo搭建个人博客(二)——页面美化》

 

参考文章:《Hexo+Github: 搭建属于自己的静态博客》

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值