Loading

从零开始搭建个人博客或网站

从零开始搭建个人博客或网站

一、安装git和node环境

1、下载版本管理工具git(官网下载地址https://git-scm.com/download/),安装时直接点击下一步,根据默认勾选进行安装即可。

img

2、安装完 Git 后还需要进行全局配置。Git中必须配置全局用户名和邮箱后才能用。鼠标右击,选择Git Bash Here,输入下面两条命令(其中name填你的用户名,email填你的邮箱):

$ git config --global user.name "name"
$ git config --global user.email "email@example.com"

3、下载nodejs(官网下载地址https://nodejs.org/en/),下载LTS版本即可(长期支持版),默认点击下一步安装即可。

img

4、打开cmd或powershell命令终端,分别输入git --version和node --version检查下是否安装成功,如果显示版本信息则说明安装成功。最后再查看下 npm 包管理器的版本(npm是随NodeJS一起安装的包管理器),以后主要通过npm来安装各种软件包。

img

二、安装Hexo博客框架

1、使用 npm 安装 Hexo,输入下面命令:

$ npm install -g hexo-cli

2、输入hexo --version查看版本信息,若显示如下图,则说明hexo环境安装成功。

img

三、开始搭建Hexo博客

1、 首先新建一个目录myblog,然后进入到该目录,以后的所有操作都是在该目录下进行。命令如下

$ mkdir myblog
$ cd myblog

img

2、对博客进行初始化并生成静态文件,命令如下:

$ hexo init
$ hexo generate(该命令可以简写为$ hexo g)

img

3、输入命令hexo server启动博客服务器,默认情况下,访问网址为: http://localhost:4000/。

img

4、输入网址后,可以看到一个简单的网站雏形,到此Hexo个人博客或网站搭建完毕。另外,官网给出了很多炫丽花哨的博客主题模板,大家可以根据个人喜好换个主题,瞬间就高大上起来了。

img

官网提供了各种各样的主题模板,什么类型的都有,颜值质量都很高。

img

这是我的博客美化后的效果,欢迎大家访问我的小站https://liupaopao.top/

img

img

img

img

posted @ 2021-10-31 13:39  刘跑跑  阅读(671)  评论(0编辑  收藏  举报