个人博客搭建

  小编的个人博客站点也是有大佬指点的,在这里小编就在网上总结一些搭建教程,分享给大家。

  这篇博客主要介绍个人博客站点搭建的情况,小编的还有一篇博客介绍的博客备份管理一文,有兴趣的朋友可以两篇文章一起看。

准备工作

  现在搭建一个个人独立博客,可选方案很多,小编就以 Hexo 为例来搭建,用 Hexo 搭建需要提前在电脑上安装好 Node 和 Git ,关于 Node 和 Git 的安装,小编在这里不多说,情去下面的官方网站下载即可:

Node 下载官方网站    Git 下载官方网站

安装 Hexo

  安装成功后,就可以开始 Hexo 的安装了。步骤如下:

1、安装 Hexo

1
npm install -g hexo-cli

2、在本地创建一个本地博客目录

1
2
# blog 这个目录名称可以任意起
hexo init blog

上面的命令执行完成后,会在本地创建一个 blog 目录,这里边就是独立博客所必须的一些文件,然后进入到这个目录中,执行如下命令,安装相关的依赖:

1
2
3
4
5
#进入我们刚刚创建的目录
cd blog

#安装相关依赖
npm install

  此时,我们本地 blog 目录下多出来了几个文件夹以及文件,这时我们只需要关注其中两个 _config.ymlthemes 目录。

  • _config.yml :主要做网站的一些基本配置,例如网站的 title 、描述、关键字、图标等。
  • themes :主要配置我们网站使用的主题,后期详细讲解。

  此时我们就可以执行 hexo s 命令在本地启动我们的项目,启动成功后,浏览器中输入 http://localhost:4000 就可以看到网站了。

01.png
说到 hexo s 命令,这里有几个常用命令需要给大家介绍下,分别是:

命令 简写 中文含义
hexo server hexo s 本地启动
hexo generate hexo g 生成静态文件
hexo deploy hexo d 部署网站
hexo clean 清除缓存和已经生成的静态文件

改变主题

  我们上面看到的是默认的主题 landscape ,这里小编个人感觉有点不适合小编个人的风格,小编这里就使用了网上最流行的 hexo-theme-next 主题。如果想了解其它主题,可以自行在网上找,很多的。

1、首先,我们要把选好的主题克隆到 ./themes 目录下,其中的 landscape 便是我们项目默认的主题,执行如下命令进行 next 主题克隆:

1
2
3
4
5
# 切换到 themes 目录下
$ cd themes/

# 克隆 next 主题
$ git clone git@github.com:theme-next/hexo-theme-next.git

  克隆完成后,我们就会发现 themes 目录先已经多了一个文件夹,下面我们对 _config.yml 文件,在该文件的最低处,修改内容如下:

1
2
3
4
5
# Extensions
## Plugins: https://hexo.io/plugins/
## Themes: https://hexo.io/themes/
## 注意:这里配置的名字要和 themes 目录下的主题文件夹名一致
theme: hexo-theme-next

这时,我们就可以根据官方文档进行主题配置,下面我们先启动项目,查看一下新的主题效果:

1
2
3
hexo clean
hexo g
hexo s

02.png

  本文小编早就写过了,一直没发布到这个个人博客站点上,这时候才发出来,小编前面也说了,可以和小编之前的一篇文章一起看,根据个人需求来搭建,本文就到此结束!!!

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