唠师傅仔细教你建站系列2—本地搭建个人博客

最新推荐文章于 2022-03-21 00:24:22 发布

线上唠师傅

最新推荐文章于 2022-03-21 00:24:22 发布

阅读量197

点赞数

分类专栏：博客建站文章标签：搭建博客 hexo 建站 hexo主题更换主题

本文链接：https://blog.csdn.net/devil_fallen/article/details/103505246

版权

4 篇文章 0 订阅

订阅专栏

他来了，他来了，唠师傅带着博客搭建方法走来了。
这里唠师傅选择了Hexo，一个快速、简洁并且高效的博客框架，几秒内就可以利用靓丽的主题生成静态页面，快准狠。

安装Hexo前，需要先安装Node.js（版本不低于8.10）及Git。

下载链接：https://nodejs.org/en/download/，选择和电脑位数对应的Windows Installer(.msi)，下载并安装好（安装步骤按提示默认下一步进行）。 Node下载界面

在电脑的右下角开始菜单中，搜索cmd，并打开cmd命令行窗口

使用npm安装Hexo，在cmd命令行中输入npm install -g hexo-cli
若是出现如下图的信息，“ERR! code ECONNREFUSED”，则可以尝试更换下网络再重试。
若没有出错，成功安装后，在本地创建博客目录，这里目录名设定为blog，因此在cmd中输入hexo init blog，以本文章为例，则会在C:\Users\CNBOXIA1\文件夹中创建一个blog文件夹。
命令行中输入cd blog，进入blog文件夹，输入npm install安装博客框架所依赖的程序包。
完成后，在blog文件夹中可以看到以下文件目录。

用编辑器打开_config.yml，唠师傅这里是用VS打开的这个文件，参考下图配置博客的基本信息。
- title(博客标题)
- subtitle(子标题)
- description(博客描述)
- keywords(关键字，使用半角逗号，分隔多个关键字)
- author(作者)
- language(语言)
- timezone(网站时区，默认使用本机的时区)
在cmd命令行中，进入blog文件夹，再输入hexo s并回车，启动服务器，如图所示。
访问默认地址：http://localhost:4000/
结果发现显示的页面中文乱码，解决办法：将_config.yml文件编码格式改成UTF-8，具体步骤参考唠师傅小工具系列—解决文档打开乱码问题，再运行。
现在本地将博客网站跑起来了，但是默认的主题有点看不下去，唠师傅带你们去hexo官网的主题列表找找好看的主题，以hexo-theme-3-hexo为例，点击主题名字“3-hexo”。
进入到该主题的GitHub页面，在这里我们可以找到主题的安装方法，将页面往下拉，可以看到如图指令：
同样在cmd命令行中，进入blog文件夹，输入该指令：
git clone https://github.com/yelog/hexo-theme-3-hexo.git themes/3-hexo
在之前用到过的_config.yml文件中，找到theme，并修改成3-hexo
命令行中将服务器停止，再重新启动。
则可以看到博客页面变成我们挑选的3-hexo主题风格了