博客搭建一

扫码

使用Hexo+Next搭建个人博客

应为我的腾讯云服务器到期了,域名还有半年时间到期,我就想着能不能用这个域名搭个bolg

首先想到的是GitHub pages,到网上搜索了半天,终于找到了合适的

环境安装

本机需要安装,nodejs环境和git,hexo

nodejs安装

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
Windows
官网下载安装程序
https://nodejs.org/en/download/
一键安装
一直下一步,有手就行就不多说了
安装完成后输入,检查是否安装成功
node -v
npm -v
设置npm下载源
设置华为源:
npm config set registry https://mirrors.huaweicloud.com/repository/npm/
查看npm的设置
npm config list
用新源更新一波package:
npm update

image-20201229083859445

image-20201229090049579

image-20201229090743486

image-20201229090825207

image-20201229091424914

1
2
3
4
5
linux
我这是用的unubtu
apt安装安装完成后和上面一样设置下载源
sudo apt-get install nodejs
sudo apt-get install npm

git安装

Git是目前世界上最先进的分布式版本控制系统,可以有效、高速的处理从很小到非常大的项目版本管理。也就是用来管理你的hexo博客文章,上传到GitHub的工具。

1
2
3
4
5
6
7
8
9
10
Windows
官网下载安装程序
https://git-scm.com/downloads/
一键安装
一直下一步,有手就行就不多说了
安装完成后桌面右键,查看是否有Git Bash,来检查是否安装成功
打开Git Bash设置GitHub账号



image-20201229092144720

image-20201229091931644

image-20201229092226145

image-20201229092501758

hexo安装

前面git和nodejs安装好后,就可以安装hexo了,你可以先创建一个文件夹blog,然后cd到这个文件夹下(或者在这个文件夹下直接右键git bash打开)。

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
window
直接在powershell输入,安装
npm install -g hexo-cli
查看下hexo版本,来判断是否安装成功
hexo -v
用hexo初始化一个项目
hexo init myblog
然后进入,项目文件夹安装环境依赖
cd myblog
npm install
部署个博客
hexo g
hexo server
在浏览器输入localhost:4000就可以看到你生成的博客了。
ctrl+c,即可退出程序

image-20201229102955683

image-20201229103048490

hexo安装完成后,安装next主题

因为hexo默认的主题,emmm,我看着不太喜欢,所以我们要换个主题

1
2
3
4
5
6
7
8
9
10
11
12
到你的hexo项目文件夹中执行以下命令,我推荐用第一个,应为快
cd ~/myblog
npm install hexo-theme-next
或者
cd ~/myblog
git clone https://github.com/iissnan/hexo-theme-next themes/next
下载完后配置下,博客根目录下的_config.yml,打开,找到theme设置为next
theme: next
设置完成后重新部署启动
hexo g
hexo s
在浏览器输入localhost:4000就可以看到你生成的博客,主题换了

image-20201229103415297

image-20201229103624110

image-20201229105055980