用github+hexo建立免费的个人博客


一、前言

  新的学习生涯,要从新的开始,所以要搭建一个博客来记录自己的解决问题的过程和学习的过程,也为了给自己留一个美好的回忆;所以从网上搜索,没想到,有免费的博客搭建,不需要服务器,hhh,然后呢,就找网上的教程,开始安装,一路上比较顺利,但是后来遇到许多问题和坑,花了我好长时间,先是github上的博客可以访问了,之后发现访问太慢,图片不能放在github上面,否则更慢,改用阿里OSS图床,花了20元买了三年40G,真的很方便,但是用了会儿,发现有个邮件通知我说欠费0.01,woc,怎么回事,原来阿里大哥收我流量钱了,我才知道存储钱花了,流量钱也得花,那怎么能兜住,充了20之后,感觉还是换一家云吧,听同学推荐,去七牛云开一个吧,之后发现那个域名居然只有30天使用期,我还得申请自己的域名,还得是备案域名,我真的是哭了,不搞我几天是真的不行,申请完域名,发现备案域名吧,还得有主机,你单个域名还不能备案,哭了,听同学说阿里有学生免费主机领,我就冲去领了,刚开始抢光了,发现没进行学生认证,去学生认证,之后三次机会都用光了,居然都失败了,我就去提交工单问阿里售后工程师,现在在等待回复中。。。
  github搭建的博客有缺点:

  1. 访问慢,用了图床也是有点慢,我这是静态的网页,又不需要交互,给我弄那么慢干啥,谁还愿意看啊
  2. 谷歌可以收录,但是百度收录不了啊,在国内,让谷歌收录了有什么用啊,百度不还是搜不到

  所以只能想其他办法了,我一方面还想在github上保留资源,还想百度收录到,访问还能快一点,码云弄了一波不是很理想,还是算了,也弄一台自己的服务器玩一玩,还是将hexo博客放服务器上吧,用域名解析,国内解析到服务器,国外解析到github,但是只能等阿里哥快一点处理我的学生认证,谢谢了;

二、准备

  • 系统是win10系统,其他可去网上找其他方法
  • 安装nodejs,很简单,网上教程一大堆
  • 安装Git,也简单,网上教程一大堆,注意:这里要根据网上教程可以通过ssh直接访问github账户;


可以查看到版本号,其他方法也可以

打开Git Bash窗口,输入ssh -T git@github.com,返回欢迎的界面即可

三、搭建流程

1、安装hexo
npm install -g hexo-cli

之后在安装有hexo的文件夹里,新建一个文件夹blog

2、搭建网站

初始化blog文件夹

hexo init blog

进入blog文件夹,安装建站需要的安装包

cd blog
npm install

安装包的内容在blog/package.json

找到blog文件夹下 _config.yml ,这个文件就是网站主题的的配置文件,后面和github page关联和切换主题时,需要使用到。最后就是开启服务了,同样输入以下命令

hexo clean  //清空静态文件文件夹
hexo g   //生成静态文件
hexo s   //本地开启服务浏览

在执行hexo s 后,会出现一个网址http://localhost:4000/,将其复制。打开该网址后,可以看到网站的雏形。

四、github上传

1、新建仓库

2、复制ssh


ssh存好,等会切换hexo主题的时候用

五、切换自定义主题

1、进入\blog\themes
2、输入命令
git clone git@github.com:blinkfox/hexo-theme-matery.git
3、进入/blog/_config.yml

修改以下内容


4、自定义的修改网站内容

进入blog\themes\hexo-theme-matery
修改_config.yml,这里和上面那个有区别,上面那个是对hexo的配置,这个是专门对这个主题进行配置

这里有详细的如何修改的方法(注意上面有个文字带着链接);
主要的分别是:
输入命令hexo new page "categories",来新建分类这个功能

输入命令hexo new page "tags",来新建标签这个功能

输入命令hexo new page "about",来新建关于这个功能

输入命令hexo new "1",会在blog/source/_post/下面新建1.md。
用markdown编辑器写好之后在里面添加内容即可,这就是博客的内容。
还有其他许多功能需要自己去文档里面探索进行修改

5、在本地测试

修改完之后可以查看效果,使用Git Bash输入命令即可

hexo g
hexo s

六、发布

右键点击blog文件夹,选择Git Bash运行,输入命令,安装远程部署工具,就是上传到github 的工具

npm install hexo-deployer-git --save

接下来就是发布的命令

hexo clean  //如果不想清除全部文件夹重新建立,可不输这条命令
hexo g
hexo d

七、查看成果

输入xxxxx.github.io,进入网站

八、后续

之后图床建立,修改等等,服务器部署,在等我域名备案好,服务搭建好,可以稳定写博客了,再写下一篇博客,不然各个地方的限制真难受,七牛云吧域名只能用一个月,现在写的博客的图片地址之后不得换域名;hhh,我不能学生认证的原因居然是有两个账号,上一个账号已经学生认证过了,所以这个账号认证不成功。。。


文章作者: P1n9
版权声明: 本博客所有文章除特別声明外,均采用 CC BY 4.0 许可协议。转载请注明来源 P1n9 !
评论
 上一篇
hexo博客部署到服务器 hexo博客部署到服务器
一、搭建远程Git私库1、安装gitgit --version // 如无,则安装 yum install curl-devel expat-devel gettext-devel openssl-devel zlib-devel perl
2020-03-19
下一篇 
MarkDown简单语法教程 MarkDown简单语法教程
Markdown 是什么?Markdown 是一种轻量级的纯文本标记语言。使用其对文本进行简单的标记,从而实现标题,加粗,下划线,表格的效果,便于网络发布。 Markdown的优点 更高效的记录和整理笔记、知识Github上 Markdow
2020-02-29
  目录