15158846557 在线咨询 在线咨询
15158846557 在线咨询
所在位置: 首页 > 营销资讯 > 网站运营 > 本地搭建个人博客丨建站系列

本地搭建个人博客丨建站系列

时间:2023-08-10 20:09:02 | 来源:网站运营

时间:2023-08-10 20:09:02 来源:网站运营

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

安装前提

安装Hexo前,需要先安装Node.js(版本不低于8.10)及Git

安装Git

下载并安装好Git:https://git-scm.com/download/win

安装Node.js

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

安装检验

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

安装Hexo

  1. 使用npm安装Hexo,在cmd命令行中输入npm install -g hexo-cli
若是出现如下图的信息,“ERR! code ECONNREFUSED”,则可以尝试更换下网络再重试。

2. 若没有出错,成功安装后,在本地创建博客目录,这里目录名设定为blog,因此在cmd中输入hexo init blog,以本文章为例,则会在C:/Users/CNBOXIA1/文件夹中创建一个blog文件夹。

3. 命令行中输入cd blog,进入blog文件夹,输入npm install安装博客框架所依赖的程序包。

4. 完成后,在blog文件夹中可以看到以下文件目录。

配置博客

  1. 用编辑器打开_config.yml,唠师傅这里是用VS打开的这个文件,参考下图配置博客的基本信息。 - title(博客标题) - subtitle(子标题) - description(博客描述) - keywords(关键字,使用半角逗号,分隔多个关键字) - author(作者) - language(语言) - timezone(网站时区,默认使用本机的时区)
2. 在cmd命令行中,进入blog文件夹,再输入hexo s并回车,启动服务器,如图所示。

3. 访问默认地址:http://localhost:4000/

4. 结果发现显示的页面中文乱码,解决办法:将_config.yml文件编码格式改成UTF-8,具体步骤参考唠师傅小工具系列—解决文档打开乱码问题,再运行。

5. 现在本地将博客网站跑起来了,但是默认的主题有点看不下去,唠师傅带你们去hexo官网的主题列表找找好看的主题,以hexo-theme-3-hexo为例,点击主题名字“3-hexo”。

6. 进入到该主题的GitHub页面,在这里我们可以找到主题的安装方法,将页面往下拉,可以看到如图指令:

7. 同样在cmd命令行中,进入blog文件夹,输入该指令: git clone https://github.com/yelog/hexo-theme-3-hexo.git themes/3-hexo

8.在之前用到过的_config.yml文件中,找到theme,并修改成3-hexo

9. 命令行中将服务器停止,再重新启动。

10. 则可以看到博客页面变成我们挑选的3-hexo主题风格了




结束语

大家学会了吗,赶快来试试吧!

【作者】:线上唠师傅
【个人博客】:www.robotdigital.cn
【简介】:会网站建设的工业机器人工程师,专注ABB IRB工业机器人,ROBOTSTUDIO,PC SDK及WEB开发。
【转载说明】:转载请说明出处,谢谢合作!~



关键词:系列,本地

74
73
25
news

版权所有© 亿企邦 1997-2025 保留一切法律许可权利。

为了最佳展示效果,本站不支持IE9及以下版本的浏览器,建议您使用谷歌Chrome浏览器。 点击下载Chrome浏览器
关闭