当前位置: 首页 > article >正文

从零开始搭建个人博客(保姆级教程)

目录

配置环境

一、git下载和安装

 二、Node.js下载与安装

三、安装 Hexo框架

四、使用 Hexo 搭建博客

五、更换主题

配置环境

系统:Windows 

git版本:2.44.0

node.js版本:20.12.2

一、git下载和安装

1、git下载

1.1、官方下载地址:  Git - Downloading Package (git-scm.com)

1.2、阿里云镜像网站:CNPM Binaries Mirror (npmmirror.com)

2、git安装:

2.1、设置安装目录

2.2、选择安装组件

2.3、选择开始菜单页(默认即可)​ 

2.4、选择Git文件默认的编辑器(默认即可)

 2.5、决定初始化新项目的主干名字(默认即可)

2.6、调整PATH环境(默认即可)

2.7、选择HTTPS后端传输(默认即可)

2.8、配置行尾符号转换(默认即可)

2.9、配置终端模拟器以与Git Bash一起使用

2.10、选择默认的 “git pull” 行为

2.11、选择一个凭证帮助程序

2.12、配置额外的选项

2.13、配置实验性选项

2.14、等待安装完成,在cmd中输入如下指令:git --version,出现git版本信息,说明安装成功

 二、Node.js下载与安装

1、Node.js下载

1、下载官网:中文官网:nodejs.org

​2、Node.js安装

2.1、直接一路next即可

2.2、 等待安装完成,在cmd中输入如下指令:node -v,出现node.js版本信息,说明安装成功

​​

三、安装 Hexo框架

1、安装 cnpm
npm install -g cnpm --registry==https://registry.npm.taobao.org

利用淘宝镜像安装cnpm命令行中通过 cnpm install 命令安装您想要的程序,可在 cmd 中输入cnpm -v, 出现cnpm 版本信息说明安装成功

2、安装 hexo
cnpm install -g hexo-cli

可在 cmd 中输入 hexo -v, 出现hexo版本信息说明安装成功

四、使用 Hexo 搭建博客

1、建立存放hexo项目文件夹,在该文件夹下右键选择Open Git Bash here,图示为安装目录
2、在git窗口,输入:hexo init,进行项目的初始化

3、​初始化完成后,在存放项目的文件夹中会出现以下配置文件
4、在git窗口,输入:hexo s,开启本地预览服务,打开浏览器访问 http://localhost:4000 即可看到博客内容

至此,博客网站已经初步配置成功

五、更换主题

主题文件存放在themes文件夹下

1、 主题搜索

1.1、 hexo 官方网站,Themes | Hexo,点击名字即可进入github网站

1.2、github网站上输入:hexo,也可以搜索到很多优秀的hexo主题

2、 主题下载

2.1、获取喜欢的hexo主题的http链接和主题名

2.2、在项目文件夹下,使用Open Git Bash here打开git窗口,输入以下指令(git clone 主题http链接 themes/主题名称)

git clone https://github.com/denjones/hexo-theme-chan.git themes/hexo-theme-chan

2.3、主题下载完毕

2.4、在themse文件夹下会出现名为:hexo-theme-chan的主题文件夹

2.5、打开_config.yml文件,将theme: landscape改为theme: hexo-theme-chan

2.6、然后在git窗口,输入以下指令,打开浏览器访问  http://localhost:4000 即可看到新的博客主题
hexo clean //执行此命令后继续下一条
hexo g //生成博客目录
hexo s //本地预览
hexo d //部署到github上

可能会存在部分效果和文件生成失败,但是不影响博客框架的生成,效果可后续配置

2.7、生成chan主题博客展示(在这种配置情况下,生成的任何博客都只有框架,剩余的还得自行配置)

2.8、 生成butterfly主题博客展示

2.9、生成tangyuxian主题博客展示(需要安装wordcount插件)

2.10、生成shoka主题博客展示

参考文章

快速搭建个人博客——保姆级教程 - 攻城狮杰森 - 博客园 (cnblogs.com)

2022 Hexo 博客搭建和使用教程(Windows) - 知乎 (zhihu.com)

从零开始免费搭建自己的博客(一)——本地搭建hexo框架_从头开始博客搭建-CSDN博客

Hexo博客搭建基础教程(一) | Fomalhaut🥝

http://www.lryc.cn/news/2419963.html

相关文章:

  • 网络:DHCP 协议简介
  • 阿里巴巴国际站商品信息搜索采集API接口说明文档(含请求示例)
  • 基于java+ssm+jsp的人事档案管理系统
  • C++课程设计学生宿舍管理信息系统
  • 基于ssm大学生创新创业平台项目管理子系统设计与实现
  • 测试会使用到的网络知识汇总
  • 用友u8操作手册_用友U8账表操作手册
  • 十大Web网站漏洞扫描工具
  • Java语言有哪些特点?
  • 毕业设计:基于Springboot的旅游网管理系统【代码+论文+PPT】
  • 基于SpringBoot+Vue的金融终端支付管理系统设计与实现(源码+lw+部署文档+讲解等)
  • Springboot电子货币在线交易平台 计算机专业毕业设计源码
  • 第十四讲_css媒体查询
  • web2
  • DIV与SPAN之间有什么区别
  • 点估计与区间估计:自然语言处理
  • Android就业市场究竟怎么样,还能不能坚持下去
  • AVR单片机网址推荐
  • 网络安全最全网络安全问答(1),鸿蒙教程来袭
  • 全国主要城市空气质量(PM2.5)对比图
  • YUI3内核分析(一)——YUI3实例化过程
  • 「 硬核分享」 ❤️ QQ连连看自动消除外挂完整源码❤️「 复制即用」
  • python毕业设计:股票交易数据分析系统+可视化+Django框架 爬虫技术(源码)✅
  • 无需公网IP搭建的web服务器,简单易上手
  • 算法数据结构——背包问题详解(第四篇)
  • 五分钟学会搭建web网站
  • 手把手教你搭建自己的个人博客(图文教程)
  • 9大代理服务器软件的比较与分析
  • 海外电商平台开发流程
  • Milvus的向量索引(内存索引)