首页 > 其他分享 >手把手教你搭建自己的个人博客

手把手教你搭建自己的个人博客

时间:2024-05-24 21:54:16浏览次数:19  
标签:git hexo 手把手 博客 文件夹 bash 输入 搭建

前言

此教程使用hexo配合github搭建

具体参考:https://xuqingsakura.github.io/2024/05/19/%E4%BD%BF%E7%94%A8hexo%E6%90%AD%E5%BB%BA%E4%B8%AA%E4%BA%BA%E5%8D%9A%E5%AE%A2/

准备工具

首先需要下载nodejs和git两个工具

[nodejs] https://nodejs.org/en/download/prebuilt-installer 

[git] https://git-scm.com/download 

点击上面链接即可下载

安装时一直点确定即可接下来检查是否安装成功

打开cmd输入npm -v(他是node附带的)

node -v

git -v

搭建仓库

成功下载工具后,进入GitHub开始搭建GitHub储存静态页面的仓库

首先注册/登录

[Github] https://github.com/ 

点击Create a new repository进入新仓库页面

仓库名输入用户名.github.io

勾选Public和Add a README file

最后点击create创建仓库

生成SSH Keys

进入任意文件夹,右击空白处点击Git bash here,输入ssh-keygen -t rsa -C "邮件地址"

然后敲4下回车

进入C:\User\用户名,找到.ssh文件夹进入

用记事本打开里面的id_rsa.pub文件,全选复制里面的内容打开GitHub

进入用户设置,找到SSH keys

新建SSH keys,名称随意,在下面粘贴刚才复制的内容

然后点击创建测试是否成功

在git bash中输入ssh -T [email protected]

回车,然后输入yes

出现successful就表示成功了

到这里前面的准备工作就结束了,下面开始进行博客的搭建开始搭建博客

首先在你想要存放博客文件的位置创建一个文件夹(名字任意)例如:blog或者boke文件夹

然后进入该文件夹打开Git bash here下载hexo

在Git bash here里面输入npm install hexo-cli -g生成本地博客内容

下载完成之后再输入hexo init

如果出现'command not find',就在前面加上npx,如:npx hexo init

然后输入hexo install

接下来一次输入hexo g

hexo s

如果不成功就重复到成功为止,因为国内与GitHub连接不稳定

成功之后可以复制生成的链接进入游览器看到生成的本地服务器

 

然后回到命令行,ctrl+c关闭本地服务器上线博客

进入之前的创建的博客文件夹,用记事本或者vscode打开_config.yml文件

拉到最下面将deploy下面的内容全部删掉,复制粘贴下面这段type: gitrepository:branch: main

注意缩进格式:每行前面都有两个空格不要删,每个冒号后面都有个空格也不要删!!!

然后到GitHub之前生成的仓库页面,点击code,复制htps链接

将其粘贴到repository: 后面保存退出

回到博客文件夹

打开Git bash here

安装自动部署发布工具npm install hexo-deployer-git --save

然后依次输入hexo g(生成)hexo d(上传)

如果是第一次使用git的话会需要配置git config --global user.email "你的邮箱"git config --global user.name "你的名字"

配置完后再使用hexo d上传

在跳出的窗口进行登录操作

这样就成功的把本地内容上传到GitHub了

上传成功以后就算搭建好了

博客网址是之前设的仓库名:用户名.github.io

现在就可以上网址看我们搭建的博客了网站资料

目前我们的博客标题还是默认的hexo,整个页面都是默认的样子,接下来可以对其进行修改

打开博客文件夹中的_config.yml文件

将#Site下面按照自己的需求填上# Sitetitle: 标题subtitle: 副标题description: 描述keywords: 关键字author: 站主language: 语言(可以填zh-CN)timezone: 时区(可以填Asia/Shanghai)

然后点保存上传文章

我们在博客文件夹中打开Git bash here输入hexo n 文章标题

就可以生成新的文章md文件

文章格式是.md格式在博客文件夹的/source/_posts中

推荐用Typora软件编辑.md格式文件

Typora官网:https://www.typoraio.cn/

也可以使用vscode进行编辑

然后就可以打开.md文件就可以开始写文章了

写好之后就可以上传了,打开Git bash here输入hexo ghexo d

就可以完成上传操作

到这里我们的博客搭建就基本上完成了,剩下的就是对博客的优化和美化了

有问题可以留言探讨

感谢大家观看!!!

 

标签:git,hexo,手把手,博客,文件夹,bash,输入,搭建
From: https://blog.csdn.net/m0_59339540/article/details/139052553

相关文章

  • Ollama+Open WebUI本地搭建大模型并发布公网分享好友体验AI交互
    文章目录前言1.运行Ollama2.安装OpenWebUI2.1在Windows系统安装Docker2.2使用Docker部署OpenWebUI3.安装内网穿透工具4.创建固定公网地址前言本文主要介绍如何在Windows系统快速部署Ollama开源大语言模型运行工具,并安装OpenWebUI结合cpolar内网穿透软件,实......
  • 银河麒麟 PyQt 环境搭建
    银河麒麟PyQt环境搭建来自于:https://www.byhy.net/etc/blog/kylin/点击这里,边看视频讲解,边学习本章银河麒麟桌面版,本质上是Ubuntu,所以设置方式和Ubuntu类似。安装PIP银河麒麟桌面版V10-SP1内置的Python解释器没有自带包管理器PIP。执行下面的命令安装即可......
  • 微前端qiankun基础环境搭建
    微前端用通俗易懂的话来说就是:一个主应用(基座)中可以搭建多个子应用(微应用),这些子应用可以是不同版本,不同前端框架,而且跟主应用的语言无关,主应用仅仅是一个基座。正常一个项目想要展示另一个项目,通常会用iframe进行嵌入,但是相比iframe,qiankun等微前端的接入表现形式会更加友好,......
  • 【阿里云X博客园】参与征文赢面试绿通资格!还有特别福利哦!
    【摘要】......
  • 从0到1搭建.NET Core Web API项目
    1.设置.NET8WebAPI项目概念使用.NETCLI创建新的WebAPI项目。这设置了一个基本的项目结构,包括启动和WeatherForecast控制器作为示例。Program.cs代码示例dotnetnewwebapi-nMyWebApi2.Program.cs—最低限度的API配置概念.NET8延续了最小API的趋......
  • Bash反弹shell & 搭建网页服务器 & 文件描述符学习 & ssh连接vm虚拟机 & sftp进行文件
    环境:kali:┌──(kali㉿kali)-[~/Desktop]└─$cat/proc/versionLinuxversion6.0.0-kali5-amd64([email protected])(gcc-12(Debian12.2.0-9)12.2.0,GNUld(GNUBinutilsforDebian)1.建立一个简单的链接进行nc,可以进行两个端口通信!#首先使用nc监听......
  • 手把手教你搭建个人网站服务器教程
    什么是网站服务器网站服务器就是用于存储网站的所有文件,比如网页、图片、视频等。当你想要访问某个网站时,你就会通过客户端浏览器(如Chrome、Firefox等)输入网站的网址,就可以向网站服务器发送请求该网站的内容,网站服务器接收请求并返回你想要访问的网页内容,这个过程俗称上网。选......
  • Ubuntu 22.04 使用self-service-password搭建自主修改密码平台
    Ubuntu系统安装准备正常操作是安装成功系统,安装的时候设置好静态密码。参考官方文档:https://self-service-password.readthedocs.io/en/stable/installation.html根据文档提示安装会报错,网上查了些资料需要按照如下步骤安装依赖。正式安装vi/etc/apt/sources.list.d/ltb-p......
  • utools插件开发踩坑记录 - vite+recat搭建打包到utools环境时运行页面报错unexpected
    问题现象在本地开发环境时,运行无问题,一但打包到utools环境运行时,就出现了下面的现象依赖"dependencies":{"@ant-design/icons":"^5.3.7","antd":"^5.17.3","react":"^18.2.0","react-dom":"^......
  • spring cloud 部署 Centos8 离线环境搭建 一 mysql
    在联网的机器下载到/optyuminstall--downloadonly--downloaddir=/optgccgcc-c++automakeautoconflibtoolmake安装服务器上传到/opt执行安装rpm-Uvh*.rpm--nodeps--force下载mysql上传到安装服务器/opthttps://downloads.mysql.com/archives/community/m......