基于 Hexo 框架搭建个人博客 blog

—基于 Hexo 框架搭建个人博客 blog
作为一个博客新人,搭建这个博客花了不少力气,毕竟是第一次,所以我想到可能会有人跟我一样,在搭建博客时会遇到一些问题,所以写一篇简单的教程教大家如何搭建一个个人博客! 注:此博客只为新人搭建博客做参考,大神可略过!
前言
使用软件:git ,Node ++, hexo框架,node.js, npm
一,前言
体验更加排版请访问原文链接:https://lzk0717.github.io/

使用 github pages 服务搭建博客的好处有:
1,全是静态文件,访问速度快;
2,免费方便,不用花一分钱就可以搭建一个自由的个人博客,不需要服务器不需要后台;可以随意绑定自己的域名,不仔细看的话根本看不出来你的网站是基于 github 的;
3,数据绝对安全,基于 github 的版本管理,想恢复到哪个历史版本都行;博客内容可以轻松打包、转移、发布到其它平台;
准备工作
在开始一切之前,你必须已经:
1,github 账号,没有的话去注册一个;
2,安装了 node.js、npm,并了解相关基础知识;
3,安装了 git for windows(或者其它 git 客户端)
本文所使用的环境:
Windows
node.js
git
hexo!
搭建 github 博客
环境搭建:
1、安装 Node.js 和配置好 Node.js 环境。下载链接如下:Node.js 下载 找到 DOWNLOADS, 我的是 win10 系统,所以下载 Windows 版本
在这里插入图片描述
下载完之后一路无脑安装就好,环境变量会自动配置,安装完成后,打开 cmd 命令行,成功界面如下。
在这里插入图片描述
注意:如果提示不是内部或外部命令,把 cmd 关了重新打开就好了。
2、安装 Git 和配置好 Git 环境,
官网:https://git-scm.com/
在这里插入图片描述
安装成功的象征就是在电脑上任何位置鼠标右键能够出现如下两个选择。

在这里插入图片描述
3、Github 账户注册,百度吧!!!
4、安装 Hexo,在自己认为合适的地方创个文件夹,我是在 D 盘建了一个 My blog 文件夹。
在这里插入图片描述
然后进入到该文件夹里面,鼠标右击,点击git bash here,

输入 npm install hexo -g,开始安装 Hexo
输入 hexo -v,检查 hexo 是否安装成功
 

在这里插入图片描述
输入 hexo init,初始化该文件夹
看到后面的 “Start blogging with Hexo!”,就算是安装成功

输入 npm install,安装所需要的组件
然后输入 hexo g,首次体验 Hexo
输入 hexo s,开启服务器,访问该网址,正式体验 Hexo

在浏览器打开 http://localhost:4000/ 出现如下图就成功了
在这里插入图片描述

二,创建仓库
新建一个名为你的用户名.github.io 的仓库,比如说,如果你的 github 用户名是 test,那么你就新建test.github.io 的仓库(必须是你的用户名,其它名称无效),将来你的网站访问地址就是 http://test.github.io 了,是不是很方便?
由此可见,每一个 github 账户最多只能创建一个这样可以直接使用域名访问的仓库。
几个注意的地方:
1,注册的邮箱一定要验证,否则不会成功;
2,仓库名字必须是:username.github.io,其中 username 是你的用户名;
3,仓库创建成功不会立即生效,需要过一段时间,大概 10-30 分钟,或者更久,我的等了半个小时才生效;
4,创建成功后,默认会在你这个仓库里生成一些示例页面,以后你的网站所有代码都是放在这个仓库里啦。
5,新建项目,项目必须要遵守格式:账户名.github.io,不然接下来会有很多麻烦。并且需要勾选 Initialize this repository with a README。
在这里插入图片描述
在这里插入图片描述
执行以下命令全局配置一下本地账户:

git config --global user.name "用户名"
git config --global user.email "邮箱地址"

然后开始生成密钥 SSH key

ssh-keygen -t rsa -C '上面的邮箱'

按照提示完成三次回车,即可生成 ssh key。

通过查看~/.ssh/id_rsa.pub 文件内容,获取到你的 SSH key

在这里插入图片描述
盗用一张图,阴险.Jpg
首次使用还需要确认并添加主机到本机 SSH 可信列表。若返回 Hi xxx! You’ve successfully authenticated, but GitHub does not provide shell access. 内容,则证明添加成功。

ssh -T git@github.com

到这还没完,还要登录 Github 上添加刚刚生成的 SSH key,按以下步骤添加:在这里插入图片描述

创建一个新的 SSH key, 标题随便,key 就填刚才生成那个,确认创建,搞定!!这样在你的 SSH keys 列表里就会看到你刚刚添加的密钥。

在这里插入图片描述

在这里插入图片描述
三,部署到 Github
此时,本地和 Github 的工作做得差不了,是时候把它们两个连接起来了。你也可以查看官网的部署教程。
先不着急,部署之前还需要修改配置和安装部署插件。
第一:打开项目根目录下的 _config.yml 配置文件配置参数。拉到文件末尾,填上如下配置(也可同时部署到多个仓库,后面再说):

在这里插入图片描述
第二:要安装一个部署插件 hexo-deployer-git。

npm install hexo-deployer-git --save

最后执行以下命令就可以部署上传啦,以下 g 是 generate 缩写,d 是 deploy 缩写:

hexo g –d
 

在这里插入图片描述
四,写博客
博客搭好了,就开始写文章了,这里简单介绍一下,详细的文档可以看 hexo 官网。
1,新建文章,
输入以下命令即可

hexo new '文章标题'

执行完成后可以在 /source/_posts 下看到一个 “文章标题.md” 的文章文件啦。.md 就是 Markdown 格式的文件,具体用法可以在网上找一下,语法还是比较简单的。
在 Markdown 文章里面输入你的文章内容
在这里插入图片描述
2,再执行一下以下命令

hexo g
hexo s

就可以看到你的文章在博客显示了,以下就是刚刚创建的.md文件
在这里插入图片描述
3,最后,只要部署到你的 Github 上就可以了!

hexo clean
hexo g -d

部署前最好能先执行一下 hexo clean 命令,清除缓存文件 (db.json) 和已生成的静态文件 (public)。
在某些情况(尤其是更换主题后),如果发现您对站点的更改无论如何也不生效,您可能需要运行该命令。
另外,如果你的文章暂时不发布可以先保存在草稿里面。生成草稿的方法和文章差不多 hexo new draft “文章标题”,生成后会在 /source/_drafts 里看到你的草稿文章。当你想发布时只要执行 publish 命令即可发布到博客。

hexo publish [layout] <filename>
  • 0
    点赞
  • 1
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值