Hexo+GitHub博客搭建教程(上)

记得还是将近一年前自己开始在基础几乎为零的情况下尝试搭建博客,网上找的教程要么过于复杂繁琐不适合新手,要么就是东拼西凑一些指令步骤问题多多,记得当时搭建博客过程曲折,报错就得重新开始,来回尝试了很多遍,最近回想到当时搭建博客的情况,便想着出一篇适合新手hexo+GitHub博客搭建教程,让新手在搭建博客时少走些弯路

1.注册GitHub并创建仓库

1.打开注册GitHub地址注册自己的GitHub账号(作为一个学计算机的,相信这个账号你肯定有)
2.创建自己的仓库(注:仓库的后缀名为 .github.io)

2.下载安装Node.js和Git

Git下载地址

Node.js下载地址

3. 安装Hexo

新建一个Hexo文件夹,进入文件夹,在空白区域右键选择Git Bash
在控制台依次输入以下指令:

npm install hexo-cli -g   
hexo init
npm install
hexo g
hexo s

之后在cmd框中会出现http://localhost:4000/网址,在浏览器中输入该网址便可以访问到默认的hexo主题,此时已完成hexo安装,可以实现本地访问(注:再cmd框中输入ctrl+c便停止了本地运行)。

相关指令说明:

hexo init :初始化hexo
npm install:安装npm组件
hexo g:部署本地静态页面
hexo s:本地服务器预览
hexo d:发布页面

3.Hexo与GitHub仓库的连接

本文采用连接方式是常见SSH密钥连接的方式
1.修改Hexo文件夹中_comfig.yml配置文件(该文件微博客的配置文件),用文本编译器打开(可以用记事本)
修改为

deploy: 
    type: git
    repository: 仓库地址
    branch: master

注:该仓库地址最好去自己的github账号的仓库的设置中寻找,复制粘贴,避免出错,并且在仓库的地址后面添加.git后缀
2.在控制台设置自己的用户名和邮箱

git config --global user.name "用户名"
git config --global user.email "邮箱

注:用户名自己任意设置,邮箱需是自己github地址
3.生成密钥

ssh-keygen -t rsa -C "github邮箱地址"

然后此时需按三次回车来设置空密码
如果你之前生成过密钥,那么最好在执行以下命令去备份和移除原来SSh key设置

cd ~/.ssh
ls

此时会显示一些文件

mkdir key_backup
cp id_rsa* key_backup
rm id_rsa* 

4.添加SSH key到Github
进入github首页设置(Settings),再点击SSH and GPG keys一栏,新建ssh,同时找到上一步在电脑中生成的密钥(默认地址为C:\Users\用户名\ .ssh id_rsa.pub),将.ssh id_rsa.pub文件以文本方式打开,复制粘贴至新建的ssh
5将仓库类型给为博客式
打开自己的仓库设置,找到Choose a theme选一个主题布局,并保存
6.测试本机与GitHub的连接
在控制台输入

ssh -T [email protected]

之后会让你输入yes/no,输入yes就OK了
若果显示You’ve successfully authenticated, but GitHub does not provide shell access说明配置连接正常
7安装npm的发布拓展
控制台输入:

npm install hexo-deployer-git --save

部署阶段便告一段落
8发布页面

hexo d

便可以通过仓库的地址访问到自己的博客了

發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章