我的博客日记
这篇博客将是记录我对于本博客的创建以及更新美化的一切信息的开始
创建
2019年12月11日,因为以前做项目时在腾讯云购买了几个月的云服务器,送了我一年的域名。其中,云服务器已经过期好几个月了,但是,域名还在我的使用期限里,而且腾讯云还送了我一张优惠券,续费域名有着很大的优惠。想着同学和我说的可以在GitHub上搭建博客,不需要服务器的时候,我心动了。
花费了一下午的时间,按照网上的视屏,和一些资料,成功的在win10上将我的博客搭建到了GitHub并解析了域名。期间遇到了一些问题,也相继解决。
关于为什么要用HEXO来搭建博客,因为他有很多的用户,因此就有很多的主题去供我们选择。对于我们这些只想有一个自己的博客,而不相去了解更多相关知识的人来说,无疑是一个很好的选择
开始前环境的准备
- 有一个github账号,没有的话去注册一个;
- 安装了node.js、npm,并了解相关基础知识;
- 安装了git for windows(或者其它git客户端)
*前面所说到的git其实并不需要手动安装,可以使用命令行进行安装。在这里,我想声明一下,我的博客搭建是在win10系统上完成的。希望可以给大家做一个参考。
*
下载node.js
node.js的下载可以去 https://nodejs.org 官网上去下

记得下载你系统的对应版本,我这里是下载了Windows版本,其它的版本可以在downloads里找到

下载好了后只要不停点击”下一步”安装就可以了,这里不再赘述。
node.js 的下载其实包括了两个方面
第一个是 Node.js
第二个是 npm包管理器
命令行操作
1、安装Node.js
首先打开控制台:快捷键 WIN+r 输入cmd 点击确定进入控制台页面

输入cmd 回车,打开管理员权限,这里相当于macOS的root权限。此时我们输入以下命令,可以查看他们的版本。查看不了可以看看是否进入了管理员权限。
node -v
npm -v2、安装hexo博客框架
由于国内npm镜像源的速度很慢,所以在使用前一般首先安装Cnpm,这是淘宝团队在中国创建的镜像源.输入一下命令,自动安装
npm install -g cnpm --registry-https://registry.npm.taobao.org接下来正式全局安装hexo
cnpm install -g hexo-cli安装好后可以使用 hexo -v 来验证一下
3、安装git
在实际搭建的过程中,在对hexo进行初始化时,是需要git组件的。GIT是一个开源的分布式版本控制系统,可以有效、高速地处理从很小到非常大的项目版本管理。
它的官网可以直接下载安装 https://git-scm.com/
本地默认安装,安装后设置用户名和邮箱
打开安装好的gitcmd
查看用户名和邮箱地址
git config user.name
git config user.email修改用户名和邮箱地址
git config --global user.name "xxxx"
git config --global user.email "xxxx"4、本地博客搭建
使用以下命令行在D盘根目录中创建一个叫做 myblog 的文件夹,并在其中进行初始化。此后的博客一切内容都是在其中,所以如果出现什么错误,可以删掉重新init。
d:
mkdir myblog
cd myblog
hexo init5、启动博客
此时博客已经搭建好了,在命令行中输入hexo s
就可以在本地的localhost4000端口上打开(在浏览器的地址栏上输入localhost4000)
此时是heho默认使用的标题,并且已经生成了一个叫做HelloWorld的文章
ctrl+c断开
部署到GitHub
1、创建仓库
登录GitHub(https://github.com/ )
点击右上角的加号,新建一个仓库
命名一定是Owner里的内容加上 .github.io
描述内容可以自己填,然后create
2、本地操作
进入命令行安装一个插件,这个deployer的插件是用来将博客部署到远端的服务器上的
cnpm install hexo-deployer-git --save重要
在文件夹中打开_config.myl(不要用记事本,否则保存后不能用)
可以用notepad++来打开,在最底部找到deploy,并加上如下代码:
repo后面写你刚才创建仓库的地址
注意:所有的冒号后面都有空格,theme后面是主题名,将来更换主题时,在这里更改,现在是默认的 landscape。
3、推送
进入命令行,输入: hexo d
命令行中输入你的用户名和密码登录GitHub
备注: hexo命令行
hexo n +名字 新建一篇博客文章
hexo s 开始本地运行
hexo g 重新编译
hexo d 上传
hexo clean 清除