Hexo+Github搭建免费博客(保姆级教程)

使用此教程的好处是不需要任何费用即可搭建一个网站,使用的是github的服务器和github分配的域名,hexo也拥有比较丰富的博客主题可供选择,如果想做一个博客来记录一下日常生活或者学习,这将是个不错的选择

一、node.js安装

访问官网https://nodejs.org/en/下载LTS(长期支持版本),下载后运行程序安装。

按win+r,输入cmd,进入命令提示符界面检测是否安装成功

node -v

安装成功会显示版本号

二、github仓库创建

如没有github账号可以先注册一个,注册好后点击Start a project创建一个项目,Repository name栏填你的用户名+“.io”,可以勾选创建md文件

点击Create new file新建一个文件,文件名填index.html,内容输入以下:

<h1>Hello World</h1>

点击Commit new file提交

网页输入https://你的用户名+“.io”,如https://TanisBlog.github.io,打开显示Hello World则表示搭建成功

三、git for windows安装

访问官网https://gitforwindows.org/点击Download下载,下载速度会比较慢,完成后双击安装包安装

这里选择第二个选项

打开cmd检测是否安装成功

git

安装成功会显示一连串git命令的用法

四、GitHub ssh配置

进入安装好的git文件夹,点击git-bash.exe文件运行git,输入命令

ssh-keygen -t rsa -C "自己的github账号邮箱"
//这是一个生成ssh绿色通道的命令,通过此通道可以和对应的github账号进行连接

接下来会看到Enter file in which to save the key (/c/Users/Administrator/.ssh/id_rsa):记住括号里的文件目录,多次回车,直到出现如下配置

进入github官网并登陆,点击头像进入setting–>SSH and GPG keys–>New SSH key

Title:可以随便填,博客名

key:进入刚才记住的文件目录,用记事本打开id_rsa文件,填入里面的内容

如果找不到文件可以直接搜索.ssh文件

配置成功后如图所示

五、hexo本地使用

访问https://hexo.io/zh-cn/,复制安装命令,新建一个blog文件夹(用来放博客文件),例如我是建在D:\blog目录下

打开cmd,根据文件目录的实际情况操作

D: //cmd默认根目录是在C盘,这个命令是切换到D盘
cd blog //cd后面就是你的blog文件所在的目录,比如cd \hexo\blog
npm install hexo-cli -g //复制的hexo下载命令
hexo init hojunBlog //hexo初始化,后接前面ssh时输入的博客名
cd hojunBlog //进入博客目录
npm install //安装依赖包
hexo s -p 5555 //后接任意可用端口号

运行成功如图

网页打开loadhost:5555就可以看到我们的博客啦

六、Sublime Text 3安装

Sublime Text 3是一款具有代码高亮、语法提示、自动完成且反应快速的编辑器软件,不仅具有华丽的界面,还支持插件扩展机制,用它来写代码,绝对是一种享受。

访问官网https://sublimetext.com,点击Download下载windows版本,安装成功后打开,点击之前blog目录下的博客名,拖动到Sublime里就可以直接进行编辑了,比如在source > _posts > hello-world.md 文件里修改title为HelloKitty,Ctrl+s保存,再次进入loadhost:5555后就会发现标题变成了HelloKitty

七、hexo生成部署到github

在sublime中打开themes > landscape > _config.yml

author:作者,改为你自己的英文名

url:改为你的github站点,如https://TanisBlog.github.io

文末:

deploy:

type: git

repo: https://github.com/TanisBlog/TanisBlog.github.io.git(地址为自己github仓库的地址,进入仓库点击Clone or download,复制地址链接)

branch: master

Ctrl+s保存,进入命令界面,Ctrl+C,输入y停止本地运行,输入命令尝试上传到github服务器

hexo -g

下载插件

npm install hexo-deployer-git --save

部署博客

hexo -d

这时输入

git config --global user.email "你注册github的邮箱"
git config --global user.name "你的github用户名"

接下来会弹出这个界面,登陆一下

浏览器访问你的github站点url地址,如https://TanisBlog.github.io,就可以看到之前本地查看到的页面

八、选择hexo主题

访问https://hexo.io/themes/,任意选择一个你喜欢的主题,我用的是Ayer,选择好主题后点击下载官方的github的源码,下载完成后解压,将解压文件复制到blog\博客名\themes目录下,打开sublime把themes > landscape > _config.yml的第76行theme:修改为你所选的主题并保存。本地预览一下

hexo s -p 5555

如果成功修改主题继续上传到github,如果没有成功换个浏览器多刷新几下,还是不成功可能是主题名称的问题,在github源码页里有官方的配置教程,按要求配置

生成部署到github

hexo -g
hexo -d

浏览器访问你的github站点url地址,成功完成建站

我搭建好的博客:

https://TanisBlog.github.io

© 版权声明
THE END
一发入魂
点赞0打赏
分享
评论 抢沙发

请登录后发表评论