hexo搭建博客教程

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官网查看

关于我们

合肥支招信息科技有限公司(简称:支招)是一家专注于全领域学习技术和大数据的教育科技公司,致力于“人工智能+教育”,为中小学教育、成人职业教育和创新创业教育提供先进的学习技术、课程体系和学习系统,实现连接教育和人的使命。

  • 发表于:
  • 原文链接http://kuaibao.qq.com/s/20180323G1I1JL00?refer=cp_1026
  • 腾讯「云+社区」是腾讯内容开放平台帐号(企鹅号)传播渠道之一,根据《腾讯内容开放平台服务协议》转载发布内容。

扫码关注云+社区

领取腾讯云代金券