搭建个人博客-hexo+github pages搭建个人博客教程

如何搭建个人博客-hexo搭建个人博客教程

1 安装hexo并生成本地博客目录

1.1 前置依赖


在搭建之前你需要:
有一个github账号;
安装了Node.js,没有的去Node.js官网安装即可;
安装了git,并设置了用户和邮箱,网上教程很多。

因为这里我们用的是github pages部署静态网站,所以简单介绍一下使用github pages服务搭建博客的好处有:

  • 全是静态文件,访问速度快; 免费方便,不用花一分钱就可以搭建一个自由的个人博客;

  • 不需要服务器不需要后台根据Github的限制,对应的每个站有300MB空间;

  • 轻量级的博客系统,没有麻烦的配置,使用标记语言,比如Markdown;

  • 可以随意绑定自己的域名;

    数据安全,基于github的版本管理,想恢复到哪个历史版本都行;
    博客内容可以轻松打包、转移、发布到其它平台。

1.2 安装cnmp管理器


使用cmd命令行或者git bash 安装淘宝镜像的cnmp

npm install -g cnpm --registry=http://registry.npm.taobao.org	

下面是一些相关操作,可用以判断是否安装成功

node -v	#查看node版本
npm -v	#查看npm版本
cnpm -v	#查看cnpm版本

1.3安装hexo


cnpm install -g hexo-cli    #安装hexo框架
hexo -v	#查看hexo版本

1.4生成博客


进入你要将博客相关内容放在此比如F:/blog下,前提要新建这个目录

mkdir blog	#创建blog目录
cd blog	 #进入blog目录
hexo init 	#生成博客 初始化博客
hexo s	#启动本地博客服务

此时博客已经部署成功到localhost了,在浏览器输入网址localhost:4000就可以看到生成的默认主题的博客
搭建个人博客-hexo+github pages搭建个人博客教程_第1张图片

2 创建github pages博客

2.1 新建github仓库


在github中新建仓库名称为你的用户名.github.io

2.2 修改配置文件_config.yml


cmd或者git bash进入到博客目录下,vim _config.yml或者code _config.yml编辑_config.yml文件。翻到最下面,修改deploy内的type为git,repo为https://github.com/你的用户名/你的用户名.github.io.git,添加branch为master(虽然默认就是master)搭建个人博客-hexo+github pages搭建个人博客教程_第2张图片

2.3 部署博客到github


接下来在cmd或者git bash 输入

cnpm install --save hexo-deployer-git #在blog目录下安装git部署插件
//然后输入
hexo d #

可以看到博客已经部署到新建的repository了。
我们就可以通过用户名.github.io访问个人博客了。

3 个人博客相关配置及主题修改

可以阅读官方文档进行相应的配置。官方文档写的很权威和详细。
hexo中文官方文档https://hexo.io/zh-cn/docs/
github pages中文官方文档https://docs.github.com/cn/pages

如果想修改主题
可以到https://hexo.io/themes/下载自己喜欢的主题,并阅读主题作者写的官方文档进行配置。
我用的是melody主题搭建的博客,欢迎大家访问我的个人博客mainkeys.github.io


你可能感兴趣的:(github,node.js,git,hexo,bash)