基于 Hexo + GitHub Pages 搭建个人博客(一)
前言:我的博客写作之路
15 年刚上大学,第一次接触公众号,就萌生了创建一个公众号写点东西,但最终不了了之。
很快到了 16 年,开始接触网上各大博客网站,接触最多的当属 CSDN,萌生了注册一个博客,写一点自己在学习上遇到的问题,分享一些自己的解决办法,但最终还是不了了之。
16 年暑假,自媒体横行在全国各地,自己眼里似乎看到很多机会有似乎异常模糊。一个偶然的机会让我意识到必须开始弄个博客写点东西了,当时的想法是,先注册个头条号,16年下半年开学再弄博客写东西,这种事情不着急,时间一天天过,但这两件事最终都没做,不了了之。
时间一分一秒地到了17年,上半年这种注册博客,写博客的心态依然萦绕耳边,但并没有什么实际行动。
终于到了17年6月份左右,去了一个地方回来后,我手忙脚乱,立刻在网上的平台注册了一个博客,而后开始写自己学习上的东西。而后有急忙地注册了一个微信公众号,第一次开始使用键盘记录自己的学生和生活,而我拖延了2年半的博客与写作之路,也就从此开始。
网上的某博客平台广告很多,开始时我无从适应,不知道如何排版,加之打字速度与龟速相差不大,夸张点说就是,写一篇几百字的文章要一两个小时,开不知道自己写了什么东西,但也第一次知道了写作的收获如此之大,具体可以说上个三天三夜,这里略。
慢慢地开始有了搭建一个属于自己的个人博客,于是急功近利,浅藏辄止各种编程语言,最终无功而返,一事无成。
带着那门基础不扎实的 Java 语言,开始学习框架,搭建博客,尽管各种异常报错,乱码问题,还有点想放弃,却又不甘,因此目前也还在学习。
慢慢开始了 WordPress ,cnblogs ,简书,掘金等五花八门的信息筛选之中,最终还是选择了搭建一个 Hexo + GitHub Pages 的博客框架。
基于 Hexo + GitHub Page 搭建个人博客
一、搭建前准备
1、安装 Git:Git 是目前世界上最先进的分布式版本控制系统,可以有效、高速的处理从很小到非常大的项目版本管理。
(1)下载 Git:官网下载地址 (各大系统版本都有 Git,这里以 Windows 版本为例)
(2)双击下载的 Git 安装包开始安装
(3)一直点 Next,继续安装
(4)点击 Install ,完成安装
(5)打开 cmd 命令窗口,执行以下命令,结果显示 Git 版本,安装成功
git --version
(6)、推荐两个学习 Git 的网站:
2、安装 Node.js:是一个基于 Chrome V8 引擎的 JavaScript 运行环境,轻量高效,Node.js 的包管理器 npm 是全球最大的开源库生态系统。
(1)下载 Node.js:官网下载地址 (各大系统版本都有,这里以 Windows 为例)
(2)双击下载的 Node.js 安装包开始安装
(3)一直点 Next ,选择安装路径,继续安装
(4)点击 Install ,完成安装
(5)打开 cmd 命令窗口,执行以下命令,显示 Node.js 版本,安装成功
node -v
二、搭建 Hexo 博客
1、安装 Hexo,在电脑中新建一个 compassblog 文件夹存放自己的博客,在文件夹内右键点击 Git Bash 进入命令窗口,执行以下代码:
npm install -g hexo-cli
结果如下图:
2、初始化 Hexo,得到 hexo 文件夹,用于存放 Hexo 博客所有的文件,包括下面会讲到的主题文件,Git Bash 窗口执行以下代码:(无特别提示,以下代码基本都在 Git Bash 命令窗口执行)
hexo init hexo
结果如下图:
3、配置 Hexo,进入 hexo 文件夹安装依赖,部署形成的文件,分别执行以下代码:
cd hexo
npm install
hexo generate
结果如下图:
4、启动服务器:执行以下代码,可以看到服务器端口号是 4000
hexo server
结果如下图:按 Ctrl + C 可以停止服务器
5、打开浏览器,地址栏输入http://localhost:4000/ ,结果如下图,可以看到,初始化的 Hexo 博客搭建成功,可以访问
三、将初始化的 Hexo 博客部署到 GitHub Pages
1、注册一个 Github 帐号,新建一个仓库,仓库名为:compassblog.github.io ,如下图所示:(由于我的仓库已经创建,所以会显示仓库已经存在,并且这个仓库的名称必须严格按照 username.github.io 的格式来命名)
2、进入已经建好的仓库,点击 settings ,找到 GitHub Pages 选项,点击 Choose a theme 选择一个主题,然后点击 select theme 选择主题,如下图所示:(到这一步其实已经可以在地址栏访问自己选择的主题了,选择主题这一步其实可以忽略,但我觉得 GitHub 提供的主题还是蛮酷的,所以就附上这一步吧)
3、配置 Git 个人信息:在 compassblog 目录打开一个 Git Bash 窗口,输入下面的命令
git config --global user.name " GitHub 用户名 "
git config --global user.email " GitHub 邮箱 "
如我的是如下图这样输入:
4、生成 SSH KEY,其实就是生成一个公钥和密钥,因为 GitHub 需要一个密钥才能与本地相连接。执行以下命令,并连续按 3 次回车生成密钥:
ssh-keygen -t rsa -C " 邮箱地址 "
我电脑是如下图这样:
5、SSH KEY 生成之后会默认保存在 C:/Users/电脑名用户名/.ssh 目录中,打开这个目录,打开 id_rsa.pub 文件,复制全部内容,即复制密钥。
6、打开 GitHub ,依次点击 头像-->Settings-->SSH and GPG keys-->New SSH key,将复制的密钥粘贴到 key 输入框,最后点击 Add Key ,SSH KEY 配置成功,如下图所示:
7、修改 hexo 文件夹下的 _config.yml 全局配置文件,修改 deploy 属性代码,将本地 hexo 项目托管到 GitHub 上,如下图所示:
deploy:
type: git #部署的类型
repository: git@github.com:compassblog/compassblog.github.io.git # 仓库地址
branch: master #分支名称
message: hexo deploy #提交信息
8、执行下面的命令,安装 hexo-deployer-git 插件,快速把代码托管到 GitHub 上
npm install hexo-deployer-git --sava
结果如图所示:
9、执行下面的代码命令,将 hexo 项目托管到 GitHub 上
hexo clean && hexo generate && hexo deploy
注:hexo generate 可缩写为 hexo g , hexo deploy 可缩写为 hexo d
结果如图所示:
10、浏览器地址栏输入 https://username.github.io/ 访问,可以看到博客已经部署到 GitHub 上,正常访问,如下图所示:
最后写几句
我本来想一次把这个基于 Hexo + GitHub Pages 搭建个人博客流程发布在一篇文章上面发布出来的,但实在是太长了,很难一篇文章写完。关于博客如何更换主题,如何进行个性更换,具体的配置等等很多的配置,后面找时间再持续的发布出来,欢迎关注,Thanks 。
扫描二维码关注微信公众号,了解更多
基于 Hexo + GitHub Pages 搭建个人博客(一)的更多相关文章
- 基于 Hexo + GitHub Pages 搭建个人博客(二)
在 基于 Hexo + GitHub Pages 搭建个人博客(一) 这篇文章中,我们已经知道如何使用 Hexo + GitHub Pages 搭建一个个人博客,GitHub 为我们提供了免费的域名和 ...
- 基于 Hexo + GitHub Pages 搭建个人博客(三)
一.添加扫描二维码关注功能 打开 themes 目录下的 next 主题配置文件,找到 Wechat Subscriber 标签,将该标签下的配置改成如下形式: # Wechat Subscriber ...
- 基于Hexo+Github Pages搭建的博客
概念 Github Pages可以被认为是用户编写的.托管在github上的静态网页.使用Github Pages可以为你提供一个免费的服务器,免去了自己搭建服务器和写数据库的麻烦.此外还可以绑定自己 ...
- 使用Hexo + GitHub Pages 搭建个人博客
一.前言 之前是在CSDN上写博客的,但是无奈其广告满天飞,还有因为个人不太喜欢CSDN博客里的一些东西,加上看到很多技术大牛都有自己的个人博客,于是乎!便想着搭建一个自己的个人博客.其实之前写博客还 ...
- Hexo + Github Pages 搭建个人博客
之前一直想搭建自己的博客,由于自己的懒惰拖到现在.好了,废话不多说!直接上干货! 安装Node.js 安装Git Github Pages配置 安装Hexo及主题设置 进阶篇-高级定制 其它实用功能 ...
- 【一】Ubuntu14.04+Jekyll+Github Pages搭建静态博客
本系列有五篇:分别是 [一]Ubuntu14.04+Jekyll+Github Pages搭建静态博客:主要是安装方面 [二]jekyll 的使用 :主要是jekyll的配置 [三]Markdown+ ...
- 使用github pages搭建个人博客
一.环境准备 使用Github Pages搭建个人博客,一劳永逸,可以让我们更加专注于博客的撰写.博客的更新是通过将新建或改动的博客放在指定文件夹并推送到远程Github仓库来完成的,所以我们本地需要 ...
- Hugo + Github Pages 搭建个人博客
尝试过 Hexo .GatsbyJs. Vuepress 搭建博客后,对这些工具最大的不满,就是运行速度以及打包速度. 后来看到 Hugo ,号称最快的静态站点生成器后. 尝试搭建博客,发现不管是运行 ...
- 使用 Hexo,Material Theme 以及 Github Pages 搭建个人博客
准备条件 Node.js npm Git GitHub账号 开始搭建 hexo init Blog cd Blog npm install hexo-deployer-git --save npm i ...
随机推荐
- Spring Data JPA 入门Demo
什么是JPA呢? 其实JPA可以说是一种规范,是java5.0之后提出来的用于持久化的一套规范:它不是任何一种ORM框架,在我看来,是现有ORM框架在这个规范下去实现持久层. 它的出现是为了简化现有的 ...
- Pymongo一些常见需求(陆续补充)
总结一下最近包括之前遇到的一些pymongo操作的问题. #需求1: 搜索文档数组里边是否存在某元素 数据: data1 = { '_id': xxxxxxxxxxxxxx, 'dataList': ...
- keepalived双机热备nginx
nginx目前是我最常用的反向代理服务,线上环境为了能更好的应对突发情况,一般会使用keepalived双机热备nginx或者使用docker跑nginx集群,keepalived是比较传统的方式,虽 ...
- TCP/IP读书笔记(4) IPv4和IPv6 路由选择
TCP/IP读书笔记(4) IPv4和IPv6 路由选择 网络层是位于链路层之上,TCP/IP模型中网络层的核心协议是IP协议(Internet protocol). 目前主流的IP协议是IPv4(I ...
- OJ的初步了解
注意源文件的注释可能跟题目不一样. 注意工程文件已有主函数. 注意输出结果还是返回值. 注意带参数的方法不用手动输入. 注意提交的次数的正确率会计入编程能力.
- 网络基础Cisco路由交换二
三层交换技术 作用: 使用三层交换技术实现VLAN间通信. 三层交换=二层交换+三层转发 基于CEF的快速转发 主要包含两个转发用的信息表: 转发信息库(FIB):FIB类似于路由表,包含路由表中转发 ...
- spring的Profile使用对比和应用场景分析
spring中存在这样一个功能,通过Profile来选择不同环境下的不同配置,说白了,就是通过设置一个参数来选择使用不同的数据,这个数据可能是一个bean,可能是一个xml文件,也有可能是一个prop ...
- 5.4 TLP中与数据负载相关的参数
在PCIe总线中,有些TLP含有Data Payload,如存储器写请求.存储器读完成TLP等.在PCIe总线中,TLP含有的Data Payload大小与Max_Payload_Size.Max_R ...
- Linux常用软件
网络应用 即时聊天 pidgin 支持多协议,如msn, yahoo, icq, irc ... eva QQ 聊天客户端,KDE程序,推荐 Skype 网络电话,网络聊天,推荐 lumaqq Jav ...
- R︱并行计算以及提高运算效率的方式(parallel包、clusterExport函数、SupR包简介)
要学的东西太多,无笔记不能学~~ 欢迎关注公众号,一起分享学习笔记,记录每一颗"贝壳"~ --------------------------- 终于开始攻克并行这一块了,有点小兴 ...