本地搭建个人博客丨建站系列
时间: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命令行窗口
- 输入git --version并回车,如图,出现git版本号,则表示Git安装成功。
- 输入node -v并回车及npm -v回车,如图,出现版本号,表示安装成功。
安装Hexo
- 使用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文件夹中可以看到以下文件目录。
配置博客
- 用编辑器打开_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开发。
【转载说明】:转载请说明出处,谢谢合作!~