Hexo快速搭建个人博客

前言

不用费心踩到雷点词汇！不用担心文章被屏蔽！不用苦恼平台会被牵连无辜！

不必掌握编程语言！不必花钱就能给自己的页面加各种特效！

这一切只需要五分钟和一台电脑。

这还不值得你试一试吗(｡･∀･)ﾉﾞ

原理

1. 打开冰箱，使用Hexo生成静态网站
2. 把大象放进冰箱，利用Git将文件上传至Github
3. 把冰箱门带上，hexo deploy部署网站上线

准备

• 安装Git
• 安装 Node.js
• 安装Hexo

搭建网站

• 注册Github账号
• 创建Github仓库
• 连接Github仓库和本地Hexo
• 上线Hexo
• 更换主题
• 发表文章
• 点小心心♥(/ω＼)

详细步骤

安装Git

这个部分没什么可说的，傻瓜操作就行，从头next到尾。

安装完毕。

验证Git是否安装成功

找到键盘上的

输入cmd

打开命令窗口

输入

git --version

得到版本信息 git version 2.15.1.window.2，Git安装成功

安装 Node.js

这里有一个重点，一定要添加路径！！！ Add the path ！！！>

!

验证Nobe.js是否安装成功

找到键盘上的

输入cmd

打开命令窗口

输入

node -v
npm -v

得到版本信息，node安装成功

PS. 如果网络不好，这里可以先添加国内镜像，再进行hexo安装（这步也可以在命令窗口中完成，和输入node -v之类命令的一样）

这一步不是必须的，看个人。

npm config set registry https://registry.npm.taobao.org

安装Hexo

新建立空白文件夹，这里使用show文件夹作为演示

进入文件夹，右键选择Git bash here，输入

npm install hexo-cli -g

验证hexo是否安装成功

输入

hexo -v

这个时候show文件夹里还空的，不用着急，接着输入

hexo init

之后，你就会得到一个hexo的原始工程文件

注意：hexo init执行的时间很长，网络不好还容易出错。如果不想自己执行这步，压缩包里有原始文件包，放进自己的文件夹就行。>

好了，看到这里，你已经打开了冰箱大门(๑•̀ㅂ•́)و✧

开始下一阶段吧！

注册Github账户

网址输入浏览器

https://github.com/

确认邮件，完成注册

创建Github仓库

得到github上的仓库

现在使用之前注册好的github账户登录git

老规矩，点开文件夹，鼠标右键，选择git bash here，输入

git config --global user.name "注册名字"
git config --global user.email "注册邮件"

接着输入

ssh-keygen -t rsa -C "注册邮箱"

这样的做法是为了获得密钥，之后命令框里会出现这样几行文字

Generating public/private rsa key pair. 生成密钥
Enter file in which to save the key (/f/abyssal-lake/.ssh/id_rsa):
按回车键，让密钥保存在默认文件 -/f/abyssal-lake/.ssh/id_rsa
    
 Enter passphrase (empty for no passphrase):
 输入密码，不输也行，然后回车
Enter same passphrase again:
 确认密码，没输就直接回车
 
Your identification has been saved in /f/abyssal-lake/.ssh/id_rsa.
Your public key has been saved in /f/abyssal-lake/.ssh/id_rsa.pub.
The key fingerprint is: 
下面就是一堆大小写字母和数字，最后会有一个虚线组成的矩形框

按照提示找到你的密钥/f/abyssal-lake/.ssh/id_rsa.pub

右键用记事本功能打开这个.pub文件，把里面的东西全部复制

它大概长这样，ssh-rsa+一堆数字+你的邮箱

下面这个密钥是我编的

ssh-rsa AAABV/a7ve7ni/JnzVYrdU94qe7ni/JnzVYrdU94qqSje7ni/e7ni/JnzVYrdU94qe7ni/JnzVYrdU94qe7ni/JnzVYrdU94qe7ni/JnzVYrdU94qe7ni/JnzVYrdU94qe7ni/JnzVYrdU94qe7ni/JnzVYrdU94qJnzVYrdU94q8kghWgxEdghRAtflcpqU3e7ni/JnzVYrdU94qe7ni/JnzVYrdU94qe7ni/JnzVYrdU94qe7ni/JnzVYrdU94qe7ni/JnzVYrdU94q 1223133312@qq.com

连接Github仓库和本地Hexo

回到github,打开setting

点击New SSH key>，你就会看小钥匙啦

验证ssh是否添加成功，输入

ssh -T git@github.com

deploy:
  type: git
  repo: https://github.com/YourgithubName/YourgithubName.github.io.git
  branch: master

进入你的文件夹，右键打开git bash here，输入

npm i hexo-server

到了这步，万事俱备！接着输入

hexo clean
hexo generate
hexo server

这三个命令，每次都要用，请记住。

打开浏览器

http://localhost:4000

你就可以看到

如果没看到也不要慌，大概率是你的4000端口被占用了，输入

hexo s -p 5000

修改端口到5000，问题解决！

上线hexo

输入

npm install hexo-deployer-git --save

输入

hexo clean
hexo generate
hexo deploy

这样你的网站就上线了，现在就可以通过这个网址访问了

http://yourgithubname.github.io

更换主题

不喜欢这个这个主题怎么办？换！

https://hexo.io/themes/

这里面有超多大佬分享的主题，真香~

看中了喜欢的主题，就点击它

方法1，直接点击绿色按钮，里面有ZIP文件，下载之后解压，复制到theme

方法2，输入

git clone https://github.com/PhosphorW/hexo-theme-academia.git themes/Academia

clone后面的网址就是红框内的网址

git clone 你想要主题的网址 themes/你想要主题的名字

这个大家都会在下面的安装文档里写，而且还需要其他插件大家也都会写得很清楚，不用担心

类似于这样

npm install 啥啥啥

都搞定之后，再打开

例如

theme：Academia

在本地测试主题

hexo clean
hexo g
hexo s

打开浏览器，查看效果

http://localhost:4000

上线网站

hexo clean
hexo generate
hexo deploy

网站成功，撒花✿✿

http://yourgithubname.github.io

发表文章

然后老办法，先在本地看一看

hexo clean
hexo g
hexo s
http://localhost:4000

确定之后，发布

hexo clean
hexo generate
hexo deploy
hexo server
http://yourgithubname.github.io

为了方便大家，我在文件包里放了一份.md文档，如果没什么太高的要求对着改就可以了，后缀名一定是.md

---
title: 题目       #题目
date: 2020-07-08 00:37:29  #时间
tags: [标签1, 标签2，标签3]   #标签逗号隔开
categories: [短篇]  #分类
author: "作者名字" #你的名字

---

内容
每更新一篇文就老办法走一遍

最后推荐大家都去看@墨问非名姑娘的搬迁指南，讲解的非常详细了

https://underdream.lofter.com/post/38ea7d_1c5ed0446

这篇文档本来想着只给初海看，丢脸也不会害羞……

但是写完的瞬间突然就膨胀了，想着放出来给所有人看，我的性格真是，啊，捂脸

最后，希望大家都有自己的小天地，(๑•̀ㅂ•́)و✧

最后，最重要的一步，成功话，记得回来点心心，告诉我哦~