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

网站搭建wp

前置准备工作

需要下载Git,note.js,在官网上可以搜索并安装

搭建过程

这里借助hexo工具

1. 本地博客搭建

首先创建本地文件夹,并在该文件夹里面创建一个叫做hexo的文件夹在这里插入图片描述在该文件夹中选择Git Bash
进入hexo官网在这里插入图片描述将五条指令用bash运行在这里插入图片描述运行第一条在这里插入图片描述运行第二条,出现这样就成功了在这里插入图片描述用第三条命令进入blog文件夹运行第四条命令在这里插入图片描述最后输入第五条指令,其中serve可以简写为s,回车就可以看到博客地址了,将这个地址复制在游览器打开在这里插入图片描述进到这个界面就说明博客搭建好了,但是只能在本地使用

2.编辑个人博客

在blog文件夹中打开GBH在这里插入图片描述在里面输入hexo new “文章标题”创建第一篇文章在这里插入图片描述生成的.md文件可以在source/_posts里面找到在这里插入图片描述这里要编辑markdown文件,需要编辑器,但是基本都是要钱和收费的,我这里采用VScode打开编辑在这里插入图片描述我用之前我的一篇博客实验一下在这里插入图片描述保存退出后返回GBH,输入hexo g生成网页在这里插入图片描述接着输入hexo s运行博客,这里提示4000端口占用,只需要回去刷新一下就可以了在这里插入图片描述就出现文章了
在这里插入图片描述

3.更改博客样式

进入hexo官网,划到下面,找到主题样式,选择一个主题,划到最下面,找到下载链接,在blog文件夹中打开终端,克隆到本地,接着在theme文件夹里找到主题名称,复制名称在_config文件中划到最下面修改主题名称在这里插入图片描述接着保存退出,在刚刚的GBH中输入hexo g生成网页,就可以了,主题修改指南在每个主题配置文件下都能看到

4.开源部署

这里我采用部署到github上,参考文章GitHub Pages 快速入门和在 GitHub Pages 上部署 Hexo
首先要修改config配置文件在这里插入图片描述修改的格式在网上的博文中皆有讲解

这里我采用一键部署的方式

hexo clean
hexo g
hexo d

在这里插入图片描述搭建完成后要验证,验证成功后就可以将本地库与Github同步在这里插入图片描述在自己的仓库里可以看到文件了,而底下的index.html文件就是自动生成的网页文件
在这里插入图片描述在pages页面就可以看到博客地址了

相关文章:

  • unity学习51:所有UI的父物体:canvas画布
  • AI大模型趣味实战专栏 预告篇
  • 文件上传-黑名单关键字绕过
  • 用C/C++绘制跳动的爱心:从数学方程到动画实现
  • 数据安全_笔记系列02:国密算法(商用密码算法)详解
  • JavaScript querySelector()、querySelectorAll() CSS选择器解析(DOM元素选择)
  • MySQL数据库——常见慢查询优化方式
  • 基于STM32单片机设计的宠物喂食监控系统
  • Zap:Go 的高性能日志库
  • Linux故障排查和性能优化面试题及参考答案
  • 计算机毕业设计SpringBoot+Vue.js古典舞在线交流平台(源码+文档+PPT+讲解)
  • DeepSeek-R1-Zero:基于基础模型的强化学习
  • 【备赛】点亮LED
  • P8615 [蓝桥杯 2014 国 C] 拼接平方数
  • 从零到一学习c++(基础篇--筑基期十一-类)
  • 电脑经常绿屏(蓝屏)怎么办(解决方法)?
  • Golang概述
  • 【Docker】如何在Linux、Windows、MacOS中安装Docker
  • HTTP代理与HTTPS代理的区别及HTTPS的工作原理
  • 基于SpringBoot的“流浪动物救助系统”的设计与实现(源码+数据库+文档+PPT)
  • 以色列总理:以哈谈判内容包括“结束战争的框架”
  • 天问二号探测器顺利转入发射区
  • 央视起底“字画竞拍”网络传销案:涉案44亿元,受害者众多
  • 涉案资金超2亿元 “健康投资”骗局,专挑老年人下手
  • 音乐节困于流量
  • 贝壳一季度收入增长42%:二手房市场活跃度维持在高位