一、搭建篇 --使用Github+hexo搭建个人博客教程—总结自己爬过的坑

简介: 一直想要拥有自己的一个博客,CSDN,那些又觉得不够个性化(主要是觉得逼格不够,哈哈)Github搭建博客的优点:1、不需要域名和服务器2、访问自己博客的时候没有广告3、可以自己修改样式,能根据自己的需求加功能。

一直想要拥有自己的一个博客,CSDN,那些又觉得不够个性化(主要是觉得逼格不够,哈哈)

Github搭建博客的优点:1、不需要域名和服务器

2、访问自己博客的时候没有广告

3、可以自己修改样式,能根据自己的需求加功能。

首先来一篇预览的博客,让大家看看效果:这是我自己用Github搭建的:https://chakid.github.io/

***以下教程基于Windows环境

首先博客搭建的环境

>>node.js:https://nodejs.org/en/因为整个博客框架是基于node.js的,所以必须安装node.js环境,安装过程中一路Next即可。

>>Git客户端:https://git-scm.com/downloads/Git用来将hexo的相关文件部署到Github上去,安装过程一路Next。

>>安装hexo框架

环境准备好以后,我们便可以安装hexo的博客框架。

在桌面鼠标右击,选择 Git Bash Here,


img_c9e2bb300656ae4429164ad9ec34b6b7.png

然后就会打开Git的命令窗口,在命令窗口输入安装命令后,然后回车

npm install -g hexo

然后在指定的盘新建一个名为“ hexo ”的文件夹,如


img_fb26350a13927ed5bb74591531b96180.png

然后以下的命令都在新建的hexo文件下进行

在这个新建的文件夹内鼠标右键,同样选择Git Bash Here,输入初始化命令,然后回车,等命令执行完,就会看到生成了一系列的文件;

hexo init

安装相关的依赖包,输入下面的命令,回车

npm install

接着在hexo文件夹下面继续执行以下命令

hexo g

hexo s

命令执行完后浏览器访问http://localhost:4000或者127.0.0.1:400,就会看到hexo的初始界面,是不是有着一丝丝的成就感?但是,这个界面还是在本地,别人并不能看到,想要别人看到,我们就必须将这些文件部署到Github上去。

首先我们需要到Github官网创建一个账号,创建链接:https://github.com/

创建完账号后我们新建一个Repository


img_a2ae7f33216f14be1d4d5af897cfb67e.png
img_a0f6657bb6191dfc2173f61341953cb5.png

这里要注意仓库的名字,必须是自己的Github账户的用户名.github.io,像我的就是Chakid.github.io.

接下来就是部署文件到Github了。

用Nodepad++打开hexo文件夹下面的_config.yml文件,该文件的最下面找到关键字deploy,然后修改成下面这样,用我自己的做案例

deploy:

type: git

repository: https://github.com/Chakid/Chakid.github.io.git

branch: master

这里拥有两个注意点:1、每个冒号后面都有一个空格,修改的时候别忘了;

2、注意修改的对应点要是自己的Github的账户名,别修改错了。

修改完保存

但是这样还不能连接到 github ,我们还需要配置SSH,找到路径C:\Users\leeyom.ssh,如果已经存在SSH Keys ,直接删除.ssh 文件夹下的所有的文件,如下图。


img_ec3808bebde45652d31816b17d271720.png

然后继续在hexo文件夹下面输入下面的指令

ssh-keygen -t rsa -C "1547658639@qq.com"

然后再回车三次,等命令执行完,再输入以下指令

1、eval `ssh-agent -s`

2、ssh-add

然后输入指令拷贝Key

clip < ~/.ssh/id_rsa.pub

然后进入自己刚注册的Github


img_c3ef7102b5feccb123832a2935897500.png
img_651b6fe3405d3777c15e61338f12d15b.png
img_d5da3638a011875cd4d12d2ebe4d5773.png

接下来测试ssh是否配好了,输入下面的指令,会提示你输入yes/no你输入yes就行,这样ssh就配好了,接下来我们就可以将项目部署到Github上面了。

ssh -Tgit@github.com

然后执行以下命令将项目部署到Github上面

1、hexo g

2、hexo d

但是输入hexo d可能会报ERROR Deployer not fount: git错误,这是因为没有安装hexo-deployer-git这个模块,导致Git不能识别该命令,输入下面指令安装该模块即可。

npm install hexo-deployer-git --save

安装该模块的时间由网速决定,因为Github毕竟是国外的网站,并不是很稳定,所以请读者耐心等待。有事可能会因为断网等导致该模块安装失败,安装失败时还请读者多试两边。等模块安装完再次执行

hexo d

这是就会有弹出框,输入自己之前注册的github账号进行登录即可,然后浏览器输入Chakid.github.io进行访问即可,(将Chakid改成自己之前注册的Github的用户名即可) 这时就会发现可以访问自己之前在本地预览的页面了。

此时是不是有着一丝丝的成就感,终于有了属于自己的博客。

附录:

常用指令

1、hexo g #完整命令为hexo generate,用于生成静态文件

2、hexo s #完整命令为hexo server,用于启动服务器,主要用来本地预览

3、hexo d #完整命令为hexo deploy,用于将本地文件发布到github上

4、hexo n #完整命令为hexo new,用于新建一篇文章

本文很大一部分参考了http://leeyom.top/,感谢该作者。

相关文章
|
3月前
|
网络协议 开发工具 git
hexo github部署,通过域名访问你的博客
本文介绍了如何使用Hexo命令部署博客到GitHub,并详细说明了如何通过自定义域名访问GitHub上部署的博客。
hexo github部署,通过域名访问你的博客
|
4月前
|
存储 Linux Go
如何在Github上Pull Request的教程
关于如何在GitHub上发起Pull Request(合并请求)的详细教程,包括Fork(分支)、Clone(克隆)、创建新分支、修改代码、提交更改、推送到远程仓库等步骤,并提供了解决权限问题的方法,如创建个人访问令牌(Personal Access Token)。
126 6
|
4月前
|
数据采集 数据可视化 Ruby
GitHub星标破万!Python学习教程(超详细),真的太强了!
Python 是一门初学者友好的编程语言,想要完全掌握它,你不必花上太多的时间和精力。 Python 的设计哲学之一就是简单易学,体现在两个方面: 1. 语法简洁明了:相对 Ruby 和 Perl,它的语法特性不多不少,大多数都很简单直接,不玩儿玄学。 2. 切入点很多:Python 可以让你可以做很多事情,科学计算和数据分析、爬虫、Web 网站、游戏、命令行实用工具等等等等,总有一个是你感兴趣并且愿意投入时间的。
怎样在GitHub上建立仓库、以及怎样实现分支代码的合并。保姆级别的教程
这篇文章是一份详细的GitHub使用教程,介绍了如何在GitHub上创建仓库、创建分支、编辑和发布更改内容、发起拉取请求以及合并分支的操作步骤。
怎样在GitHub上建立仓库、以及怎样实现分支代码的合并。保姆级别的教程
|
4月前
|
SQL 运维 安全
GitHub爆赞的Web安全防护指南,网络安全零基础入门必备教程!
web安全现在占据了企业信息安全的很大一部分比重,每个企业都有对外发布的很多业务系统,如何保障web业务安全也是一项信息安全的重要内容。 然而Web 安全是一个实践性很强的领域,需要通过大量的练习来建立对漏洞的直观认识,并积累解决问题的经验。 Web安全与防护技术是当前安全界关注的热点,今天给小伙伴们分享的这份手册尝试针对各类漏洞的攻防技术进行体系化整理,从漏洞的原理到整体攻防技术演进过程进行详细讲解,从而形成对漏洞和web安全的体系化的认识。
|
4月前
|
SQL 运维 安全
GitHub爆赞的Web安全防护指南,网络安全零基础入门必备教程!
web安全现在占据了企业信息安全的很大一部分比重,每个企业都有对外发布的很多业务系统,如何保障web业务安全也是一项信息安全的重要内容。 然而Web 安全是一个实践性很强的领域,需要通过大量的练习来建立对漏洞的直观认识,并积累解决问题的经验。 Web安全与防护技术是当前安全界关注的热点,今天给小伙伴们分享的这份手册尝试针对各类漏洞的攻防技术进行体系化整理,从漏洞的原理到整体攻防技术演进过程进行详细讲解,从而形成对漏洞和web安全的体系化的认识。
|
5月前
|
网络协议 Unix Linux
网安人必须人手一份的《Linux私房教程》,GitHub星标286K!
Linux是一套免费使用和自由传播的操作系统内核,是一个基于POSIX和Unix的多用户、多任务支持多线程和多CPU的操作系统内核。它能运行主要的Unix工具软件、应用程序和网络协议。它支持32位和64位硬件。Linux继承了Unix以网络为核心的设计思想,是一个性能稳定的多用户网络操作系统内核。 作为网络安全的初学者,Linux基础知识和常用命令是我们的必备技能,我们不能只会操作Windows相关的工具。一方面很多网站都是基于Linux环境搭建,比如LAMP,其安全性更好;另一方面,很多命令或工具都集成在了Linux相关环境中,比如Kali等。 今天给小伙伴们分享一份Linux私房教程,这份
|
6月前
|
算法 数据可视化 数据挖掘
大学生必备!GitHub星标破千的matlab教程(从新手到骨灰级玩家)
MATLAB(Matrix Laboratory)是MathWorks公司推出的用于算法开发、数据可视化、数据分析以及数值计算的高级技术计算语言和交互式环境的商业数学软件。 MATLAB具有数值分析、数值和符号计算、工程与科学绘图、数字图像处理、财务与金融工程等功能,为众多科学领域提供了全面的解决方案。
|
6月前
|
程序员 Python
GitHub爆赞!最适合新手入门的教程——笨方法学Python 3
“Python 是一门既容易上手又强大的编程语言。”这句话本身并无大碍,但需要注意的是,正因为它既好学又好用,所以很多 Python 程序员只用到了其强大功能的一小部分。 今天给小伙伴们分享的这份手册以习题的方式引导读者一步一步学习编程,从简单的打印一直讲到完整项目的实现。
|
6月前
|
算法 数据可视化 数据挖掘
大学生必备!GitHub星标破千的matlab教程(从新手到骨灰级玩家)
MATLAB(Matrix Laboratory)是MathWorks公司推出的用于算法开发、数据可视化、数据分析以及数值计算的高级技术计算语言和交互式环境的商业数学软件。 MATLAB具有数值分析、数值和符号计算、工程与科学绘图、数字图像处理、财务与金融工程等功能,为众多科学领域提供了全面的解决方案。
下一篇
DataWorks