本文目录🧾
- 一、安装git
- 二、安装Node.js
- 三、购买域名
- 四、注册github且创建一个repository
- 五、配置github ssh密钥
- 六、安装hexo
- 七、同步本地仓库至Github
- 八、将hexo配置到github
- 九、github-pages绑定自己的域名
- 十、尾语
正文部分📝
一、安装git
二、安装Node.js
三、购买域名
正在吃土或者对域名没要求的胖友就可以跳过这步~
当下有很多主流的域名购买网站,此处强烈推荐godaddy。
记得修改货币类型为人民币,不然不能支付宝付款。选择自己喜欢的域名前缀,然后搜索~
加入购物车
然后就是填写资料,购买。此处小福利:如果购买时系统没有给优惠券,就到这里来找找优惠码,将优惠码填写进去就好。购买成功就会显示下面这样:
四、注册github且创建一个repository
github注册就不多说了,大家应该都有的~
repository命名格式如下,一定要是你的用户名.github.io
!!!
创建后的repository是这样的:
五、配置github ssh密钥
在桌面上
右击一下,选择git bash here:
输入命令:<记住$不要输入!!下同!>
$ ssh-keygen -t rsa -C "your's emaill address"
引号里面的内容是你的邮箱地址(github绑定的邮箱
),然后回车,会提示你文件保存的路径,这时候按回车键确认。然后会提示你输入密码,输入即可(输入密码是看不到的),然后会确认输入一次,就可以在刚刚的路径看到生成了两个文件,一个是id_rsa,另一个是id_rsa.pub。 生成成功如下图:
这里是因为我有两个账号,我制作了两个网站就有两份,你们那儿只会有一份的~放心~
复制id_rsa.pub里的内容,进入github-settings
-SSH and GPG keys
:
title随便写,然后key就是id_rsa.pub里的内容。
六、安装hexo
在桌面上
选择git bash here,输入以下语句:
$ npm install -g hexo-cli
安装成功之后,查看版本信息:
$ hexo version
随便找一个地方新建一个文件夹,命名随意。然后右击新建的文件夹
,git bash here。 输入以下命令:
$ hexo init
$ npm install
进入你的文件夹下的themes文件夹
,注意:以下命令的主题是我自己找的,大家可以先进入hexo 找到你需要的主题,在每个repository的README.md
里都会有下面的安装命令,复制即可。
$ git clone https://github.com/litten/hexo-theme-yilia.git ./yilia
在themes下就会发现yilia文件夹
。 用任何编辑器打开你创建的文件夹
的主目录中的_config.yml
。
拉到最底下,找到下面的指令:
修改为:
此处按你clone的主题来哦~如果上面改了,这里也要相应修改。
修改后,在Git中输入以下指令:
$ hexo g
$ hexo s
此时,就可以在本地查看你的Blog啦~在浏览器输入localhost:4000
即可查看。
如果你安装了福昕阅读器,那么恭喜你,你的4000端口被它占用了。
请输入以下命令取代上面的:
$ hexo g
$ hexo s -p 5000
然后在浏览器输入localhost:5000
就可以查看啦。
界面如下:
七、同步本地仓库至Github
$ git init
$ git config --global user.name "Your's name"
$ git config --global user.email "Your's email address"
来测试一下是否已正确同步,我们在创建的文件夹下
新建一个文件为README.md
,随意添加内容。然后输入以下指令上传该文件:
git add README.md
git commit -m "first commit"
git remote add origin git@github.com:yourname/yourname.github.io.git
git push -u origin master
上传成功后,在你创建的repository
会看到你创建的文件,此时你就可以通过https://yourname.github.io/
访问你所创建的网站啦。
八、将hexo配置到github
修改你创建的文件夹
中的_config.yml
,找到下面的内容:
deploy:
type:
修改为(冒号后面都有一个空格,deploy后也有一个空格):
deploy:
type: git
repository: http://github.com/yourname/yourname.github.io.git
branch: master
在新建文件夹下Git bash here:
$ hexo g
$ hexo d
如果遇到下面这样的问题:
在Git中输入下面指令即可:
$ npm install hexo-deployer-git --save
然后再次输入:
$ hexo g
$ hexo d
会弹出窗口,输入之前设置的密码即可。
此时可以通过https://yourname.github.io/
查看你clone的hexo博客啦~
九、github-pages绑定自己的域名
没有购买域名的小伙伴这节就可以不用看啦~
首先进行域名解析,此处推荐腾讯的DNSpod,免费大法好!
进入域名解析,添加域名,填写你所购买的域名。然后点击进入,界面如下:
如下图设置:
其中 A 的两条记录指向的ip地址是GitHub Pages 的提供的 ip。
- 192.30.252.153
- 192.30.252.154
如果博客不能登陆,很有可能是这里系统修改了,不过一般是不会变的,www 指定的记录是你在 GitHub 注册的仓库。修改完成后进入你所购买域名的地方,本文使用的域名是在godaddy购买的,进入管理域名
,点击管理DNS
。
初始设置如下图:
依此点击更改-自定义
,修改为:
这里对应的值就是Dnspod中的那两行锁定的值。
进入github,然后在自己的repository中新建文件,取名为CNAME
,在文件中写入域名,不用加www。
ps:域名解析可能会需要一段时间,所以如果输入域名没有显示界面的胖友请耐心等待。
十、尾语
至此,hexo博客已全面搭建。大家可以直接在本地的文件夹中修改网页配置,添加文章等。然后通过Git命令上传到github上,会自动在网页中显示修改内容。 上传指令如下:
$ git add .
$ git commit -m "statement"
$ git push origin master
如果遇到以下错误,则表示你在github中修改了内容,而没有同步到本地。
输入以下指令即可同步两处:
$ git pull --rebase origin master
再次输入上传指令:
$ git push origin master
上传成功!
贴上讲解hexo搭建过程的PPT,戳这里下载~
如还有疑问,欢迎在文章下面的评论区给我留言哦~
(⁄ ⁄•⁄ω⁄•⁄ ⁄)