hexo博客搭建教程:hexo结合GitHub搭建自己的个人博客
一直想搭建自己的博客站,发现hexo后就开始上网找资料,我建议直接参考hexo官网即可,官网写的很详细,学着如何搭建自己的博客,每天填坑,每天进步,唯手熟尔。
Hexo的安装
Hexo简介
Hexo 是一个简单地、轻量地、基于Node.js的一个静态博客框架。通过Hexo我们可以快速创建自己的博客,仅需要几条命令就可以完成。
Hexo特性:
Hexo基于Node.js,支持多进程,几百篇文章也可以秒生成。
支持GitHub Flavored Markdown和所有Octopress的插件。
Hexo支持EJS、Swig和Stylus。通过插件支持Haml、Jade和Less.
Hexo的官方网站,也是基于Github构建的网站。
需要安装:
node.js
git
mac与windows具体安装步骤可参考hexo官网即可
Hexo安装完成后
在终端输入:
这样,就把 Hexo 本体和其相依套件安装完毕了。
以后更新Hexo到最新版直接在终端输入:
初始化一个博客项目
就可以初始化一个放置你以后写文章的专属文件夹(也就是你要创建的那个博客的文件夹):
如图:
博客项目部署到github
创建github仓库
首先,你得有一个github账号,没有的话需要申请一个,给github账号取用户名的时候要想好了,因为你的博客域名将会以它为基础,跳转github
进入创建创库界面:
一切填完之后,点击Creating repository按钮提交就行了。
这里,切记切记:
Repository name 不可以乱写,是固定的写法
也就是必须是你的用户名+github.io这种格式,它也将是你个人博客的域名。也就是别人输入这个网址来访问你的博客。
到这里创库就创建完成了,它将会与你本地init的那个文件夹相关联,大致就是将你本地的文件夹上传到服务器,供别人访问你的博客内容。
配置博客项目本地文件
打开我们init好的那个文件夹,找到_config.yml文件,这就是全局配置文件,通过配置里面的参数,来与我们的github上得仓库进行关联。
打开这个文件,找到最下面:
这段代码,然后修改成,我这样
这里有两个重要的参数:(其他两个参数可以参照着写)
type:Hexo之前的版本好像是填github,但是Hexo3.0之后,必须填git,我的Hexo是最新的3.2.0,填写git。
repository这个参数,很重要,它就是用来链接我们在github上创建的创库。看网上有的人使用SSH,但是SSH配置起来相对有些复杂,我这里用的是HTTPS方式,也是可以成功的。
打开github的Repositories,找到我们创建的仓库,点进去
点击Use HTTPS,然后复制文本框里的网址,填到上面的repository参数后面即可,
注意每个参数:后面必须留有一个空格,否则会出现语法错误。
然后安装hexo-deployer-git依赖,在终端输入:
查看github仓库的SSH key
(1)检查是否有SSH key
登陆github,点击 Settings ——> Deploy keys查看是否有SSH keys,如果有,直接跳到第(3)步;如果没有,则完成图片上的第三步,创建keys
(2)新建 SSH key,在git shell(或者git bash等命令窗口),注意大小写:
$ ssh-keygen -t rsa -C “邮箱名”
然后会出现:
直接回车就可以。
然后会出现:
要求你输入密码,这个密码会在你提交项目时使用,如果为空的话提交项目时则不用输入。这个设置是防止别人往你的项目里提交内容。
注意:输入密码的时候没有*字样的,直接输入就好。
然后会出现:
至此,密钥已经成功生成。
(3)接下来在github上添加SSH key:
① 打开本地文件:id_rsa.pub(文件路径可以在上一步SSH生成成功后看到路径,比如我的是c/Users/dell/.ssh/id_rsa.pub),可以将这个文件在编辑器中打开,然后全选复制。
② 登陆github,进入当前仓库,找到Settings,点击 Settings ——> Deploy keys ——> Add Deploy keys,点击新建SSH key。
③ 将 ① 中复制的内容粘贴在key文本框里,title可以不用填(或者自己起一个名字也可以)。
或者是
这种情况下,直接 yes 回车
然后会出现:
建议:windows系统不要使用它自己的命令窗口!!!使用git shell或者 git bash 等之类的一些工具。
接下来就可以把你的文章部署到github上去了。
看到终端最后一行出现:
例如:
就表示成功啦。
现在你可以在浏览器输入http://your_username.github.io
这里的your_username就是你的github账号用户名
例如我的是:https://annwebcoder.github.io/
annwebcoder就是我github账号用户名
以后每次新建文章后,待你完成编辑。即可以此执行下面几个命令来把新的文章部署到服务器上:
基本搭建完成后就可以进行主题的修改了,我选用的是next主题,更多的主题可去hexo官网查看
关于我们
合肥支招信息科技有限公司(简称:支招)是一家专注于全领域学习技术和大数据的教育科技公司,致力于“人工智能+教育”,为中小学教育、成人职业教育和创新创业教育提供先进的学习技术、课程体系和学习系统,实现连接教育和人的使命。
领取专属 10元无门槛券
私享最新 技术干货