0%

hexo+github搭建个人博客

由于电脑崩了几次,系统重装了几回,这是第三次搭建博客,安装的hexo的next主题也是从一开始的6的版本升级到了7.4。所以在这里把搭建的过程记录一下,写下自己踩过的坑。

一、准备工作

1.搭建Node.js环境

下载地址:Node.js

2.安装Git工具

下载地址:git

安装好git的标志就是鼠标右键会出现git bush heregit gui here

3.Github账户注册和新建项目

gitHub是一个面向开源及私有软件项目的托管平台,因为只支持git 作为唯一的版本库格式进行托管,故名gitHub。这里用到Github,是因为我们需要通过Github得到自己的博客网站域名,而且需要使用gitHub同步我们个人博客的相关文件。
注册地址:https://github.com
注册流程:https://www.baidu.com ,百度一下,你就知道啦。

项目必须要遵守格式:账户名.github.io,不然接下来会有很多麻烦。并且需要勾选Initialize this repository with a README

4.安装Hexo博客框架工具

在合适的地方储存hexo文件,我在D盘新建了一个blog文件夹

点击进入blog,然后按Shift点击右键点击在此处点击Powershell窗口(这一步是重点,好多教程没看懂花费了好久,最后室友解决了,两次安装都踩坑)

输入npm install hexo -g,开始安装Hexo

在控制台(win+r cmd)输入hexo -v,检查hexo是否安装成功 ,成功会返回版本号

输入hexo init,初始化该文件夹

看多最后的”Start blogging with Hexo!”,OK,这就开始了!!!

输入npm install,安装所需的组件

输入hexo g,部署hexo博客

输入hexo s,开启服务器,本地预览该网址

输入网址http://localhost:4000/ 就可以看到自己的博客啦

但是此时只能本地预览博客,发布到网上需要下一步

二、Hexo与Github page联系起来

​ 设置密匙

上图是在其文件夹里面鼠标右键,点击Git Base Here。这里“feng”替换成自己的用户名,邮箱替换成自己的邮箱

输入ssh-keygen -t rsa -C “929762930@qq.com”,连续三个回车,生成密钥,最后得到了两个文件:id_rsa和id_rsa.pub(默认存储路径是:C:\Users\Administrator.ssh)。

输入cd ~/.ssh,检查是否由.ssh的文件夹

登录Github,点击头像下的settings,添加ssh

​ 配置Deployment

在blog文件夹下找到_config.yml文件

修改文件repo:把userneme换成自己的用户名例如git@github.com:Inkwall233/Inkwall233.github.io.git

(inkwall233是我的用户名)

此时输入hexo clean

hexo d部署博客到GitHub上,

在浏览器输入用户名.github.io就能访问了例如https://inkwall233.github.io

三、更换主题

访问官网有https://hexo.io ,可以找到很多主题,这里我选择的是Next Gemini主题

下载主题

在博客的文件夹里面鼠标右键,点击Git Base Here

输入 git clone https://github.com/theme-next/hexo-theme-next themes/next

启用主题

在博客文件夹打开配置文件_config.yml

修改theme:next

Git Base Here输入 hexo s本地预览next主题

常用hexo命令

常用hexo命令

常见命令:

1
2
3
4
5
6
7
hexo new "postName" #新建文章
hexo new page "pageName" #新建页面
hexo generate #生成静态页面至public目录
hexo server #开启预览访问端口(默认端口4000,'ctrl + c'关闭server)
hexo deploy #部署到GitHub
hexo help # 查看帮助
hexo version #查看Hexo的版本

缩写:

1
2
3
4
hexo n == hexo new
hexo g == hexo generate
hexo s == hexo server
hexo d == hexo deploy

组合命令:

1
2
hexo s -g #生成并本地预览
hexo d -g #生成并上传

next主题搭建完成,主题优化见下一个博客文章