hexo+github pages搭建属于自己的博客

文章目录[x]
  1. 1:为自己的博客更换主题
  2. 2:一些常用的命令

我是学计算机专业的,我感觉似乎博客是学计算机的必须经历的一个过程(当然这是个人愚见了)。我最初接触博客的时候,就是hexo+github pages的部署方法。虽然现在用的是WordPress第三方系统,但是我还是决定抽时间写一下过程,小生尽量详细一点,既是记录一下过程,也是希望对需要的人有点用处

目录


  • 参考文章
  • 前言
  • 安装Node.js
  • 安装Git
  • hexo原理
  • 安装hexo
  • hexo初始配置
  • 本地浏览器查看效果
  • 为自己博客更换主题
  • 将博客部署到github上  
  1. 注册github账户
  2. 创建代码库
  3. 配置ssh秘钥(RSA算法)
  4. github pages上添加公钥
  5. 检测是否成功
  6. 将本地文件上传到github库
  • 撰写文章、渲染发布文章
  • 添加域名,使博客通过域名访问
  • 熟悉掌握常用的一些指令
  • 最后
因为有一段时间小生没用过hexo了,我尽量讲的详细一点,如有错误之处,希望阁下勿笑并指正呢~

参考文章

小生最初接触这个的时候也是相当的小白,可以说啥都不懂~哈哈哈;并且第一次试的时候也没折腾成功,这个部署不是很难,但是因为可能是第一次部署,所以错误也在所难免。

我当时也是百度等搜索各种资料,虽然步骤就是这个步骤,但是毕竟每一个人的理解是不同的,所以多看一些同一类的文章比较比较,确实是有很大用处的。

so,在这里我推荐一些小生参考过并且觉得不错的文章

《使用 Github Pages 和 Hexo 搭建自己的独立博客【超级详细的小白教程】》

《使用Hexo+Github一步步搭建属于自己的博客(基础)》

《使用hexo + github搭建个人博客网站》

前言

目前的博客除了有CSDN和博客园等,很多人也会搭建一个属于自己的私人博客,或是用来记录自己的学习心路历程,或是记录自己生活的点点滴滴。搭建的方式也有很多,第三方开源系统也有很多,小生主要讲一下hexo+github搭建的方法。小生个人感觉整体还是不错的。说到这不得不说,我其实第一次知道博客或者说第一次被吸引,是因为我见到了一个博客~小生实在是被惊艳到了

这里这个主题是hexo官网的gal,演示站点我这里也说一下,我要说一下的是估计不用加速器的话很难访问进去

站点:http://sora3.coding.me/

github项目地址:https://github.com/ZEROKISEKI/hexo-theme-gal

有没有感觉很好看,hexo的主题还是很多的。(这个后面切换主题那一步我会详细叙述一下)

安装node.js

先说明一下安装它是为了后面使用博客框架

官方网址:https://nodejs.org/en/download

直接进入官网选择相应的版本下载安装就可以了(这个还是比较简单的)

安装成功后,在dos窗口输入下面命令检查是否安装成功(如果显示版本号证明成功)

安装Git

官网:https://git-scm.com/download/

进入官网下载相应版本安装即可,安装成功后点击鼠标右键,会有如下显示--第一个是图形界面命令操作,第二个是命令行

安装hexo

先在本地磁盘中建立一个文件夹,比如我的在C盘(其他盘也是可以的)C:/SGYZBLOG ,之后博客的相关文件就要存在此文件夹下了

然后进入该目录右击鼠标选择git bash here出现命令行窗口

然后分别输入下面两条命令执行

 

npm install hexo-cli -g  #安装hexo或者 npm install hexo -g

npm install hexo-deployer-git --save   #安装部署deployer

安装成功后输入hexo -v则会显示版本号

 

这里还要注意的一点是我在这里遇到了一个错误,因为很长时间没弄过这个hexo了所以不知什么原因我在git bash here界面下执行上面命令没有反应(当然,这里的情况可能你不会遇见,因为我后来上面又安装了许多的软件和第三方库),如果不行的话你竟直接在dos命令从窗口下进入你的博客目录安装

hexo原理

GitHub pages存放的都是静态文件。hexo所做的是将md格式的文件都放在本地,每次写完文章后调用命令来批量生成页面,然后将有改动的页面提交到GitHub。实现动态内容,不需要手动去更新博文目录和相关链接信息。

初始化配置

先在你的博客目录下创建一个Hexo文件夹,比如我的博客目录是C盘的SGYZBLOG则就在它下面创建一个Hexo文件夹

然后在该文件夹下右击选择git bash here打开命令窗口,执行下面命令

hexo init

里面会有下面这些文件css fonts less这几个文件夹是我后来加的--你的没有

本地浏览器查看效果

在此文件夹下右击鼠标选择git bash here(或者用dos窗口也可以)

输入下面命令

 

hexo g #渲染

hexo s #启动服务

 

然后在浏览器打开该网址http://localhost:5000(默认端口是4000,这里避免冲突我用的5000, 更换端口命令:hexo server -p 5000

正常是可以启动成功的,如果报错可能是因为有些东西没有安装,百度一下肯定可以解决。

为自己的博客更换主题

你首先要知道你现在看到的页面只是本地预览效果,其他的地方是不能看到效果的(比如通过域名),主题也是默认主题。

so,现在我们先来说一下如何更换主题

先进入官网地址(当然你也可以直接百度hexo):https://hexo.io/

然后就在里面找你想要的主题--比如我这里选的是gal

然后把项目地址复制

再打开 Hexo 文件夹下的 themes 目录(如:c;\SGYZBLOG\Hexo\themes),右键 Git Bash Here,输入以下命令:

git clone 你复制的项目地址

执行成功后,项目会被下载到本地

然后就是更换主题了,在Hexo目录下打开_config.yml

然后找到主题关键字换成你下载的主题名字

然后保存,重新执行hexo g、hexo s两条命令就可以看到效果。

将博客部署到github上  

小生惭愧,因为时间问题,下面这一步小生后续会抽时间继续补充完善--可以先看参考文章(里面写的也很详细)

我要说一下的是配置ssh秘钥的时候注意一点按照步骤来就可以了

  1. 注册github账户
  2. 创建代码库
  3. 配置ssh秘钥(RSA算法)
  4. github pages上添加公钥
  5. 检测是否成功
  6. 将本地文件上传到github库
  • 撰写文章、渲染发布文章
  • 添加绑定域名,使博客通过域名访问

一些常用的命令

hexo常用

hexo <span class="">new</span> <span class="">"postName"</span> <span class="">#新建文章</span>
hexo <span class="">new</span> page <span class="">"pageName"</span> <span class="">#新建页面</span>
hexo generate <span class="">#生成静态页面至public目录</span>
hexo server <span class="">#开启预览访问端口(默认端口4000,'ctrl + c'关闭server)</span>
hexo deploy <span class="">#部署到GitHub</span>
hexo help <span class=""># 查看帮助</span>
hexo version <span class="">#查看Hexo的版本
hexo server -p 端口  #更换端口</span>

常见缩写

hexo n == hexo <span class="">new</span>
hexo g == hexo generate
hexo s == hexo server
hexo d == hexo deploy

组合命令

<span class="">hexo</span> s -g <span class="">#生成并本地预览</span>
hexo d -g <span class="">#生成并上传</span>

最后

整体来看整个步骤确实比较繁琐,有时候也会报错,加上网络环境差的时候git clone可能不行

但是不要放弃,人生在于折腾嘛,自己部署一次,你会发现你学到了很多东西

点赞

发表评论

昵称和uid可以选填一个,填邮箱必填(留言回复后将会发邮件给你)
tips:输入uid可以快速获得你的昵称和头像

Title - Artist
0:00