如何提高自己的学习兴趣?
由于之前写过一篇关于hexo+github博客的搭建,但是有点粗糙,今天更新一下。
一、想法来源
有时候没有想过自己学的东西太杂学习的都不精通,在大学的时候学习一些东西总是学的很枯燥无味,学着学着就没有兴趣了。
给自己一个满足点,很多时候我都在想是不是自己不适合这个专业,还是自己太笨没有这个能力学,一次次的反驳打击自己,直到有一天我开始找到了自己的满足点的时候我才发现技术原来还可以这么玩。
大学学习基础知识的时候总会觉得自己学的这个东西有什么用啊!特别是刚开始学的是c语言,那别提是多么无聊了,一度的学学这就没有积极性了,但是还是逼着自己学下去,所以这样学着当然学的很慢。
后来随着时间的推移慢慢的我接触到服务器,我就在想着网上的那些网站是如何搭建的,看着别人的技术都实现了自己的网站,所以好奇的心驱使着我一步步的学习下去,后来寒假的时候同学介绍了一个用hexo+github搭建的无服务器博客,瞬间让我的兴趣大发,想着自己花多大的心思也得搞个。
等到后来搭建博客成功以后都会每天的整理自己的学习笔记一是监督自己二是让别人看到提高自己的满足点和成就感,有是还会分享给同学看,得到他们的吹嘘和夸赞,虽说只是说说,但却能从这两个方面驱使着自己的有动力有兴趣的学习,可能你会我这个人满足点太少吧!虚荣心太大了吧!哈哈,但这就是驱使着我么慢慢学习久而久之就会形成习惯。
二、博客的制作
好了废话不多说了,先看下博客的效果没有搭建的很完美只是一个初始模板博客:https://cxlyj.github.io/
2.1、安装node.js
安装node.js
node.js官方下载地址
从上面的链接下载node.js,并安装。
注意:官方链接可能需要翻墙
注意:我的操作系统是Windows 7 (64bit)
设置npm淘宝镜像站
npm默认的源的下载速度可能很慢,建议使用淘宝镜像替换。
执行下面的命令,将npm的源设置成淘宝镜像站。
npm config set registry “https://registry.npm.taobao.org”
2.2、申请Github账号
申请Github账号
Github注册页面
输入用户名,Email,密码,注册账号。比如我的用户名是:xuezhisd
创建博客仓库
注意,仓库名应该为:用户名.github.io。比如,我的仓库名是:xuezhisd.github.io。
安装git
git下载地址
下载git安装文件,双击执行安装。
配置ssh
打开git bash终端。
设置user.name和user.email。
git config --global user.name “你的GitHub用户名”
git config --global ser.email “你的GitHub注册邮箱”
2.3、生成ssh密匙
ssh-****** -t rsa -C “你的GitHub注册邮箱”
上图是已经添加好了的。你只要New SSH Key 然后把之前复制的,添加进去就好了。
2.4、测试
ssh -T [email protected]
输入上面命令 ,判断是否绑定成功。
返会 successfully 则成功了。
此时,在用户文件夹下就会有一个新的文件夹.ssh,里面有刚刚创建的ssh**文件id_rsa和id_rsa.pub。
2.5、将公匙添加到github上
详细教程自行baidu。
用户头像→Settings→SSH and GPG keys→New SSH key→将id_rsa.pub中的内容复制到Key文本框中,然后点击Add SSH key(添加SSH)按钮。
2.5、安装hexo
执行以下命令安装hexo。
# 安装hexo
npm install hexo-cli g
# 初始化博客文件夹
hexo init blog
# 切换到该路径
cd blog
# 安装hexo的扩展插件
npm install
# 安装其它插件
npm install hexo-server --save
npm install hexo-admin --save
npm install hexo-generator-archive --save
npm install hexo-generator-feed --save
npm install hexo-generator-search --save
npm install hexo-generator-tag --save
npm install hexo-deployer-git --save
npm install hexo-generator-sitemap --save
2.6初探hexo
第一次使用hexo,在本地创建服务器使用。
# 生成静态页面
hexo generate
# 开启本地服务器
hexo s
打开浏览器,地址栏中输入:http://localhost:4000/ ,应该可以看见刚刚创建的博客了。
问题:为什么访问http://localhost:4000/ ,无反应?
解决方法:可能是由于端口问题引起的。使用Ctrl+C中断本地服务,使用命令hexo s -p 5000重新开启本地服务,访问http://localhost:5000/可以看到博客页面了。
2.7、将hexo博客部署到github上
修改配置文件blog/_config.yml,修改deploy项的内容,如下所示:
# Deployment 注释
## Docs: https://hexo.io/docs/deployment.html
deploy:
# 类型
type: git
# 仓库
repo: [email protected]:xuezhisd/xuezhisd.github.io.git
# 分支
branch: master
注意:type: git中的冒号后面由空格。
注意:将[email protected]:xuezhisd/xuezhisd.github.io.git中的用户名换成自己的用户名[email protected]:github_username/github_username.github.io.git。
2.8、部署hexo
输入下面的命令将hexo博客部署到github中:
# 清空静态页面
hexo clean
# 生成静态页面
hexo generate
# 部署
hexo deploy
打开网页,输入http://github_username.github.io ,打开github上托管的博客。如我的博客地址是:http://xuezhisd.github.io。
2.9、hexo命令缩写
hexo支持命令缩写,如下所示。hexo g等价于hexo generate
hexo g:hexo generate
hexo c:hexo clean
hexo s:hexo server
hexo d:hexo deploy
2.9.1、hexo组合命令
清除、生成、启动
hexo clean && hexo g -s
# 清除、生成、部署
hexo clean && hexo g -d
2.9.2、常见问题
hexo deploy没有反应?
修改配置文件:_config.yml时,冒号后面没加空格。
hexo s 网站打不开?
端口占用,换个端口就好了。执行命令hexo s -p 5000,并在浏览器地址栏输入http://localhost:5000,回车访问。
如何换主题?
将主题下载后,放到themes文件夹中即可。例如,下面命令安装next主题:git clone https://github.com/iissnan/hexo-theme-next themes/next。
三、总结
这样自己的一个github无服务器hexo博客就搭建好了,这个博客是我一年前搭建好的,还有许多不足之处,其页面可以搭建的更漂亮大家可以百度查查看,用来学习做笔记还是可以的,大家一起加油。
关注公众号了解更多学习笔记和领取学习资源