Nuxtjs托管Github page

Nuxtjs托管Github page

本文是主要通过Nuxtjs生成dist文件托管于GitHub,感兴趣的朋友完全可以开发自己的博客。

GitHub创建个人仓库

Github官方注册 Github注册个账号然后按下面步骤创建仓库
Nuxtjs官方
Nuxtjs Github开源项目

步骤一

步骤二

这里大家切记,假设你Github用户名是ComeBey那么仓库Repository name就应该填写为ComeBey.github.io

步骤三

安装Git

git官方下载链接 自己去下载安装好不要害怕!亚麻得!冲~!然后自己打开Git Bash

Github密钥生成

如果你要在d盘创建一个名为rootfw文件包执行以下代码:

1
2
3
4
5
cd d:

mkdir rootfw

cd rootfw

查看PC是否有密钥,如果有会直接进入到~/.shh如果提示command not found等,pwd查看路径自己把密钥找出来,如果确定本身电脑没有安装密钥的忽略此步骤。

1
2
3
cd ~/.ssh
ls
pwd

设置user.name和user.email配置,当然你们也可以查看Github官方 Git官方

1
2
git config --global user.name "你注册GitHub用户名比如:hasan"
git config --global user.email "你注册GitHub的邮箱比如:haan@gmail.com"

输入如下命令,然后连续按回车键(Enter)(如果你不熟悉不要手贱乱按),输入pwd查看路径在在哪里,自己找打开id_rsa.pub文件复制里面的所有东西。或者使用cat ~/.ssh/id_rsa.pub查看然后鼠标选中键盘快捷键windows(Ctrl+lns)复制

1
2
3
ssh-keygen -t rsa -C "你注册GitHub的邮箱比如:haan@gmail.com"
pwd
cat ~/.ssh/id_rsa.pub

自己打开Github登录如图所示,把id_rsa.pub密钥放里面
步骤一

步骤二

步骤三

步骤四

测试下输入ssh -T git@github.com输出如下信息就说明成功了。

1
2
$ ssh -T git@github.com
Hi ComeBey! You've successfully authenticated, but GitHub does not provide shell access.

安装Node.js

因为博主已经安装了Node.js所以没办法截图出教程。下期我可能录制视频发YouTube上面大家在参考下。因为这里很多朋友一定会遇到问题。转载文章参考当然你们自己也可以Google Node.js安装方法。安装好了查看下

1
2
node -v
npm -v

Nuxtjs安装

我们通过NPM来安装Nuxtjs安装的方法很多,大家可以参考官方文档点击查看Nuxtjs官方

1
2
3
4
5
6
7
8
9
cd d:
mkdir demos
cd demos
npm init nuxt-app loverootfw
cd loverootfw
npm run dev #执行到这一步请一直按Enter回车直到安装完毕
npm run build
npm run generate
npm start

发布GitHub仓库

实际操作过程中如有报错,请到评论区留言或者到电报群讨论!

1
2
3
4
5
6
cd dist
git init
git add .
git commit -m "add my Nuxtjs"
git remote add origin https://github.com/用户名/仓库名.github.io.git #参考 目录:2.Github创建个人仓库 2.3 步骤三中图片内容
git push -u origin master

绑定域名

在Github仓库中按图所示设置完成后

在自己模板source文件夹下创建一个名为CNAME文件打开编辑输入你需要解析的域名如:www.rootfw.com解析域名CNAME 名称为:* 内容为:你的用户名.github.io
在分别添加两条A记录名称分别为你的域名如:rootfw.com 内容分别为185.199.109.153和185.199.108.153即可,添加成功后。然后过几分钟后在输入你域名查看效果。

效果图


评论

Your browser is out-of-date!

Update your browser to view this website correctly. Update my browser now

×