你也想拥有你的个人博客吗(阿里云域名+github方案+hexo)

虽然平时学习有写笔记的习惯,可是都没有上传过。
记录一下学习日常吧,以后也会更容易整理了

因为在每个版本,对各个设备的配置情况都有一些细小的区别,希望我的记录也同时可以帮助一下需要的朋友

现在的时间点是2020/9/28

我的电脑是:MacBook Pro (13-inch, 2020, Four Thunderbolt 3 ports)

1、安装nodejs

下载地址:https://nodejs.org/en/

image-20200928185041127

选择的是LTS的版本(Long Term Support),这个版本将会长期受到支持

安装软件神准则——无脑next

image-20200928190801608

打开终端,用-v参数来看看安装好了没,看看有环境变量设置有没有问题,如果没有,修改PATH变量,加上上图提示的路径即可,至于如何具体操作,百度一下,你就知道。

image-20200928192850883

2、安装淘宝的cnpm管理工具

命令行安装

sh-3.2# npm install -g cnpm --registry=https://registry.npm.taobao.org

image-20200928192542070

3、使用cnpm安装hexo客户端

命令行安装

sh-3.2# cnpm install -g hexo-cli

image-20200928192559331

使用hexo -v指令,查看安装情况

image-20200928192710070

3、初始化一个hexo

在自己愿意的地方创建一个文件夹,用来放置所有blog的文件

我在home目录下创建了hexo_blog文件夹,进入这个文件夹

使用hexo init 指令自动初始化一个项目

如果在这一一步,你卡住了,那么就要下载git

下载地址:https://git-scm.com/downloads

image-20200928194216365

homebrew是个神器,mac上非常推荐安装,记得要换国内的镜像源,这儿就用homebrew下载了

安装完成的前提下

git clone git git@github.com:hexojs/hexo-starter.git
进hexo-starter:hexo s
npm install
进hexo-starter:
hexo start

最后再次执行 hexo init 指令,等待,无尽的等待,我还算是比较快吧

image-20200928200053250

这时候,进入到访达,可以看到这些初始化的文件了

image-20200928200406092

4、启动博客

直接使用指令hexo s ,这个s就是上边上的start

image-20200928200812395

可以看到,这时就可以打开浏览器,访问localhost的400端口,浏览你的博客了,在这个页面里,你可以看到Hexo的quick start

image-20200928201114440

5、编辑md文本,并上传到你的博客

​ 接下来,使用你喜欢的markdown编辑器,编辑一片任意的文本,存储在/Users/‘你的用户名’/hexo_blog/source/_posts文件夹下

image-20201001095949556

接下来打开的你的终端命令行,输入指令 hexo clean 接着再重新输入指令hexo d , 完成之后,再打开浏览器看看你的博客,看看有什么变化

image-20201001100634672

我的新博客已经上传成功了

6、将博客部署到github

因为节省成本,使用github大大减少穷苦人民的开销,首先,你当然需要一个github账号,哪个正经程序员会没有github账号呢 🐶

1、新建一个仓库

image-20201001101359330

2、用你的github用户名,加上github.io 给你的用户起一个名字,一定要用这个名字

image-20201001101612893

3、你的仓库创建完成之后,编辑/Users/‘用户名’/hexo_blog/_config.yml 这一个配置文件,你可以用任何你喜欢的编辑器,直接VI也是不错的选择,在最后的Deployment标签下,把你的仓库写上

image-20201001102117065

4、重新hexo clean ,hexo d ,再直接用浏览器访问 ‘用户名’.got.io,看看出现了什么大宝贝,我的话,应该访问huangchendi.github.io

image-20201001102424298

哟,我的博客已经部署到网上了,其实到这一步,已经差不多了,你可以在网上下载大量美丽的主题,使用精彩的布局,可能你将会用很多时间来装修你的主页了,因为之前我买错了两个域名,所以就用上一个,也是不用白不用了

7、解析域名

1、打开终端,ping ‘用户名’.github.io,如:ping huangchendi.github.io

image-20201001105648399

记下这份V4的ip地址

2、解析你的域名:

image-20201001105407061

在A类记录中将记录名设置为刚刚获取到的ip地址,如0.0.0.0,当然不可能是这个ip

3、打开你的gihub,进入刚刚创建的仓库的设置setting、找到custom domain ,填上你购买的域名,save之后,你会在你的项目里看到一个叫CNAME的文件,文件的内容是你的域名

4、等待一段时间,你快访问你的域名,看看效果,应该要恭喜你成功了。

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值