zqs`s blog

有朋自远方来,虽远必诛

从零建设自己的Hexo博客(一):搭建

作为一个萌(傻)新(逼),搭建这个博客花了我整整两天时间。其实搭建个人博客的步骤并不少,但是只要肯百度,乱搞总能找到适合自己的系统环境的搭建方法。

我的系统:Win10

为什么要搭建自己的个人博客:

第三方博客(CSDN,博客园等)有什么不好的吗?

没有什么不好,但是在自己的博客里还是有好处的:

  • 可以装*
  • 可以装B
  • 可以装逼

当然是开玩笑的啦,除了装逼,当然会更加的自由,不受约束,自己的博客交上去不用通过审核啥的,界面随自己的想法调整,可以进行辱骂(不是……好处还是很多的。如果你是一个程序员or我这种OIer,就更没有理由不自己动手搭建狗窝博客了。

为什么使用Hexo?

Hexo框架专门搭建博客,非常轻巧,有非常多的主题。并且不像WordPress那样重,除了对LaTeX公式不太支持(其实支持,只不过只能用KaTeX,如果非要用标准LaTeX不仅使用的博客主题受限还卡)以外都很好用。

在本地搭建博客

首先下载node.js,如果没有下载左转百度经验,这个十分简单,不再赘述。

Git什么的自己下就行,可能会有亿点点卡,但是不会卡死,等个十分钟也就好了。不会的朋友出门右转

node.jsGit下好以后一路Next就好。

下载好以后,我们需要配置环境变量。

首先,点击”此电脑”:

在这里插入图片描述

然后最左边的那一栏会出现一个此电脑,鼠标右键单击它:

在这里插入图片描述

点击红色圈圈那里的”属性”

在这里插入图片描述

点击红色圈里的”高级系统设置”

在这里插入图片描述

点击”环境变量”。

在这里插入图片描述

选中Path变量,点击”编辑”(对姓名部分做了处理)

在这里插入图片描述

将黄色标出的三个环境变量加进去即可,对姓名做了很不美观的处理哈哈哈(在你的电脑上,nodejs和Git的安装路径可能稍有不同)。

然后就是重点了:请出我们的主角Hexo。

链接

网站可能会有点卡,进去了不要乱点,按Windows+R键,输入npm install hexo-cli -g,回车。

此时会弹出一个窗口,耐心地等它安装,如果卡死了反复尝试一下。

然后,在任意位置(最好不是C盘)新建一个文件夹,比如叫my_blog。

然后按住shift键,右击这个my_blog文件夹,打开PowerShell窗口。

在这里插入图片描述

依次输入命令:

hexo init

hexo g

hexo s

在浏览器访问localhost:4000,就可以看到你的博客了!

是不是很简单

让博客支持LaTeX

我们把主题换成目前最流行的NexT,可以去 这儿 看到所有主题,这里下载目前最流行的next主题。如果下载了其他的主题可能会遇到各种奇奇怪怪的问题,而且NexT主题有极强的可扩展 性,简介,留给博主的创造空间很大,样式丰富,虽然初看起来没有默认主题美观,但是特别利于后期美化。我的这个blog就是NexT主题初步美化后的效果。

然后,打开my_blog/_config.yml文件,直接用记事本打开就行。

#Site 那一栏改为:

1
2
3
4
5
6
7
title: 你的博客标题
subtitle: 副标题
description: 博客描述
keywords: 博客关键字
author: 作者
language: zh_CN
timezone: ''

再往下翻到最底,会有这样一段:

1
2
3
4
# Extensions
## Plugins: https://hexo.io/plugins/
## Themes: https://hexo.io/themes/
theme: landscape

landscape改为next即可。

如何让博客支持LaTeX?网上有很多文章,第一种是使用mathjax,它支持标准的LaTeX,并且字体美观,缺点就是加载实在太慢。我的blog用的是KaTeX$,参考这里,我就不再赘述(这篇文章说的是yelee 主题,实际上啥主题都行)

UPD:我的博客换成mathjax渲染,原因很可笑,仅仅是因为mathjax的渲染字体好看一点。

UPD:又换回了KaTeX,因为mathjax的加载速度实在是令人无法忍受……

部署你的博客

然后,注册一个Github账号(如果你没有的话),新建一个仓库,名为你的用户名.github.io

然后,将my_blog/_config.yml最后一段改为:

1
2
3
4
5
6
# Deployment
## Docs: https://hexo.io/docs/one-command-deployment
deploy:
type: git
repository: 你的仓库网址.git
branch: master

my_blog打开Powershell窗口,依次执行命令:

hexo clean

hexo g

hexo d

执行hexo d可能会出现一堆Warn,不要管,然后会弹出一个小窗口,输入你的Github用户名和密码即可。

然后,如果出现了登录失败logon failed 的提示,再次输入用户名,回车,输入密码(输入密码的时候为了隐私保护不会回显,自己 输就行了),回车,等待出现类似

1
2
3
4
5
6
7
8
9
10
11
Enumerating objects: 35, done.
Counting objects: 100% (35/35), done.
Delta compression using up to 6 threads
Compressing objects: 100% (11/11), done.
Writing objects: 100% (18/18), 9.07 KiB | 1.29 MiB/s, done.
Total 18 (delta 6), reused 0 (delta 0)
remote: Resolving deltas: 100% (6/6), completed with 1 local object.
To https://github.com/ioiakzqs/ioiakzqs.github.io.git
ec007fc..dfa41c2 HEAD -> master
Branch 'master' set up to track remote branch 'master' from 'https://github.com/ioiakzqs/ioiakzqs.github.io.git'.
[39m

的字样,就说明你大功告成了!你的博客网址将会是:你的Github用户名.github.io

-------------本文结束感谢您的阅读-------------